Skip to content

Commit 004c404

Browse files
rileyhgrantrileyhgrant
committed
feat(browser): add browser hail table links to Downloads page
1 parent 94cea0c commit 004c404

File tree

3 files changed

+262
-0
lines changed

3 files changed

+262
-0
lines changed

‎browser/src/DownloadsPage/GnomadV2Downloads.tsx‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,6 +15,8 @@ import {
1515
StyledParagraph,
1616
} from './downloadsPageStyles'
1717

18+
import Link from '../Link'
19+
1820
const exomeChromosomeVcfs = [
1921
{ chrom: '1', size: '5.77 GiB', md5: '9817acdf1d9600efb3355e4cb4b7ee1f' },
2022
{ chrom: '2', size: '4.2 GiB', md5: 'c2822d7a914d06ede28d1078970336ac' },
@@ -284,6 +286,29 @@ const GnomadV2Downloads = () => {
284286
</ColumnsWrapper>
285287
</DownloadsSection>
286288

289+
<DownloadsSection>
290+
<SectionTitle id="v2-browser-tables">Browser Tables</SectionTitle>
291+
292+
<p>
293+
In addition to our variants tables, we release two data tables underlying the gnomAD
294+
browser. These tables enable our users to more easily incorporate gnomAD data into
295+
external pipelines and analyses in a manner consistent with what they see in the browser.
296+
For more information, see our
297+
<Link to="/help/v4-browser-hts">help text</Link>
298+
</p>
299+
300+
<h3>Browser gene models</h3>
301+
<FileList>
302+
{/* @ts-expect-error TS(2745) FIXME: This JSX tag's 'children' prop expects type 'never... Remove this comment to see the full error message */}
303+
<ListItem>
304+
<GetUrlButtons
305+
label="Browser gene models Hail Table"
306+
path="/resources/grch37/genes/gnomad.genes.GRCh37.GENCODEv19.ht"
307+
/>
308+
</ListItem>
309+
</FileList>
310+
</DownloadsSection>
311+
287312
<DownloadsSection>
288313
<SectionTitle id="v2-coverage">Coverage</SectionTitle>
289314
<FileList>

‎browser/src/DownloadsPage/GnomadV4Downloads.tsx‎

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -265,6 +265,40 @@ const GnomadV4Downloads = () => {
265265
</ColumnsWrapper>
266266
</DownloadsSection>
267267

268+
<DownloadsSection>
269+
<SectionTitle id="v4-browser-tables">Browser Tables</SectionTitle>
270+
271+
<p>
272+
In addition to our variants tables, we release two data tables underlying the gnomAD
273+
browser. These tables enable our users to more easily incorporate gnomAD data into
274+
external pipelines and analyses in a manner consistent with what they see in the browser.
275+
For more information, see our
276+
<Link to="/help/v4-browser-hts">help text</Link>
277+
</p>
278+
279+
<h3>Browser variants</h3>
280+
<FileList>
281+
{/* @ts-expect-error TS(2745) FIXME: This JSX tag's 'children' prop expects type 'never... Remove this comment to see the full error message */}
282+
<ListItem>
283+
<GetUrlButtons
284+
label="Browser variants Hail Table"
285+
path="/release/4.1/ht/browser/gnomad.browser.v4.1.sites.ht"
286+
/>
287+
</ListItem>
288+
</FileList>
289+
290+
<h3>Browser gene models</h3>
291+
<FileList>
292+
{/* @ts-expect-error TS(2745) FIXME: This JSX tag's 'children' prop expects type 'never... Remove this comment to see the full error message */}
293+
<ListItem>
294+
<GetUrlButtons
295+
label="Browser gene models Hail Table"
296+
path="/resources/grch38/genes/gnomad.genes.GRCh38.GENCODEv39.ht"
297+
/>
298+
</ListItem>
299+
</FileList>
300+
</DownloadsSection>
301+
268302
<DownloadsSection>
269303
<SectionTitle id="v4-coverage">Coverage</SectionTitle>
270304
<FileList>

‎browser/src/DownloadsPage/__snapshots__/DownloadsPage.spec.tsx.snap‎

Lines changed: 203 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7310,6 +7310,129 @@ exports[`Downloads Page has no unexpected changes 1`] = `
73107310
</div>
73117311
</div>
73127312
</section>
7313+
<section
7314+
className="c15"
7315+
>
7316+
<span
7317+
className="c6"
7318+
>
7319+
<h2
7320+
className="c16"
7321+
>
7322+
<a
7323+
aria-hidden="true"
7324+
className="c8 c9"
7325+
href="#v4-browser-tables"
7326+
id="v4-browser-tables"
7327+
>
7328+
<img
7329+
alt=""
7330+
aria-hidden="true"
7331+
height={12}
7332+
src="test-file-stub"
7333+
width={12}
7334+
/>
7335+
</a>
7336+
Browser Tables
7337+
</h2>
7338+
</span>
7339+
<p>
7340+
In addition to our variants tables, we release two data tables underlying the gnomAD browser. These tables enable our users to more easily incorporate gnomAD data into external pipelines and analyses in a manner consistent with what they see in the browser. For more information, see our
7341+
<a
7342+
className="-Link c13"
7343+
href="/help/v4-browser-hts"
7344+
onClick={[Function]}
7345+
>
7346+
help text
7347+
</a>
7348+
</p>
7349+
<h3>
7350+
Browser variants
7351+
</h3>
7352+
<ul
7353+
className="c19"
7354+
>
7355+
<li
7356+
className="c20"
7357+
>
7358+
<span>
7359+
Browser variants Hail Table
7360+
</span>
7361+
<br />
7362+
Show URL for
7363+
7364+
<button
7365+
aria-label="Show Google URL for Browser variants Hail Table"
7366+
className="c21"
7367+
onClick={[Function]}
7368+
type="button"
7369+
>
7370+
Google
7371+
</button>
7372+
/
7373+
<button
7374+
aria-label="Show Amazon URL for Browser variants Hail Table"
7375+
className="c21"
7376+
onClick={[Function]}
7377+
type="button"
7378+
>
7379+
Amazon
7380+
</button>
7381+
/
7382+
<button
7383+
aria-label="Show Microsoft URL for Browser variants Hail Table"
7384+
className="c21"
7385+
onClick={[Function]}
7386+
type="button"
7387+
>
7388+
Microsoft
7389+
</button>
7390+
</li>
7391+
</ul>
7392+
<h3>
7393+
Browser gene models
7394+
</h3>
7395+
<ul
7396+
className="c19"
7397+
>
7398+
<li
7399+
className="c20"
7400+
>
7401+
<span>
7402+
Browser gene models Hail Table
7403+
</span>
7404+
<br />
7405+
Show URL for
7406+
7407+
<button
7408+
aria-label="Show Google URL for Browser gene models Hail Table"
7409+
className="c21"
7410+
onClick={[Function]}
7411+
type="button"
7412+
>
7413+
Google
7414+
</button>
7415+
/
7416+
<button
7417+
aria-label="Show Amazon URL for Browser gene models Hail Table"
7418+
className="c21"
7419+
onClick={[Function]}
7420+
type="button"
7421+
>
7422+
Amazon
7423+
</button>
7424+
/
7425+
<button
7426+
aria-label="Show Microsoft URL for Browser gene models Hail Table"
7427+
className="c21"
7428+
onClick={[Function]}
7429+
type="button"
7430+
>
7431+
Microsoft
7432+
</button>
7433+
</li>
7434+
</ul>
7435+
</section>
73137436
<section
73147437
className="c15"
73157438
>
@@ -24426,6 +24549,86 @@ exports[`Downloads Page has no unexpected changes 1`] = `
2442624549
</div>
2442724550
</div>
2442824551
</section>
24552+
<section
24553+
className="c15"
24554+
>
24555+
<span
24556+
className="c6"
24557+
>
24558+
<h2
24559+
className="c16"
24560+
>
24561+
<a
24562+
aria-hidden="true"
24563+
className="c8 c9"
24564+
href="#v2-browser-tables"
24565+
id="v2-browser-tables"
24566+
>
24567+
<img
24568+
alt=""
24569+
aria-hidden="true"
24570+
height={12}
24571+
src="test-file-stub"
24572+
width={12}
24573+
/>
24574+
</a>
24575+
Browser Tables
24576+
</h2>
24577+
</span>
24578+
<p>
24579+
In addition to our variants tables, we release two data tables underlying the gnomAD browser. These tables enable our users to more easily incorporate gnomAD data into external pipelines and analyses in a manner consistent with what they see in the browser. For more information, see our
24580+
<a
24581+
className="-Link c13"
24582+
href="/help/v4-browser-hts"
24583+
onClick={[Function]}
24584+
>
24585+
help text
24586+
</a>
24587+
</p>
24588+
<h3>
24589+
Browser gene models
24590+
</h3>
24591+
<ul
24592+
className="c19"
24593+
>
24594+
<li
24595+
className="c20"
24596+
>
24597+
<span>
24598+
Browser gene models Hail Table
24599+
</span>
24600+
<br />
24601+
Show URL for
24602+
24603+
<button
24604+
aria-label="Show Google URL for Browser gene models Hail Table"
24605+
className="c21"
24606+
onClick={[Function]}
24607+
type="button"
24608+
>
24609+
Google
24610+
</button>
24611+
/
24612+
<button
24613+
aria-label="Show Amazon URL for Browser gene models Hail Table"
24614+
className="c21"
24615+
onClick={[Function]}
24616+
type="button"
24617+
>
24618+
Amazon
24619+
</button>
24620+
/
24621+
<button
24622+
aria-label="Show Microsoft URL for Browser gene models Hail Table"
24623+
className="c21"
24624+
onClick={[Function]}
24625+
type="button"
24626+
>
24627+
Microsoft
24628+
</button>
24629+
</li>
24630+
</ul>
24631+
</section>
2442924632
<section
2443024633
className="c15"
2443124634
>

0 commit comments

Comments
 (0)