Skip to content

Commit

Permalink
feat(browser): add browser hail table links to Downloads page
Browse files Browse the repository at this point in the history
  • Loading branch information
@rileyhgrant
rileyhgrant committed Aug 28, 2024
1 parent 5958eac commit 434e7d9
Show file tree
Hide file tree
Showing 3 changed files with 262 additions and 0 deletions.
25 changes: 25 additions & 0 deletions browser/src/DownloadsPage/GnomadV2Downloads.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,8 @@ import {
StyledParagraph,
} from './downloadsPageStyles'

import Link from '../Link'

const exomeChromosomeVcfs = [
{ chrom: '1', size: '5.77 GiB', md5: '9817acdf1d9600efb3355e4cb4b7ee1f' },
{ chrom: '2', size: '4.2 GiB', md5: 'c2822d7a914d06ede28d1078970336ac' },
Expand Down Expand Up @@ -284,6 +286,29 @@ const GnomadV2Downloads = () => {
</ColumnsWrapper>
</DownloadsSection>

<DownloadsSection>
<SectionTitle id="v2-browser-tables">Browser Tables</SectionTitle>

<p>
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
<Link to="/help/v4-browser-hts">help text</Link>
</p>

<h3>Browser gene models</h3>
<FileList>
{/* @ts-expect-error TS(2745) FIXME: This JSX tag's 'children' prop expects type 'never... Remove this comment to see the full error message */}
<ListItem>
<GetUrlButtons
label="Browser gene models Hail Table"
path="/resources/grch37/genes/gnomad.genes.GRCh37.GENCODEv19.ht"
/>
</ListItem>
</FileList>
</DownloadsSection>

<DownloadsSection>
<SectionTitle id="v2-coverage">Coverage</SectionTitle>
<FileList>
Expand Down
34 changes: 34 additions & 0 deletions browser/src/DownloadsPage/GnomadV4Downloads.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -265,6 +265,40 @@ const GnomadV4Downloads = () => {
</ColumnsWrapper>
</DownloadsSection>

<DownloadsSection>
<SectionTitle id="v4-browser-tables">Browser Tables</SectionTitle>

<p>
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
<Link to="/help/v4-browser-hts">help text</Link>
</p>

<h3>Browser variants</h3>
<FileList>
{/* @ts-expect-error TS(2745) FIXME: This JSX tag's 'children' prop expects type 'never... Remove this comment to see the full error message */}
<ListItem>
<GetUrlButtons
label="Browser variants Hail Table"
path="/release/4.1/ht/browser/gnomad.browser.v4.1.sites.ht"
/>
</ListItem>
</FileList>

<h3>Browser gene models</h3>
<FileList>
{/* @ts-expect-error TS(2745) FIXME: This JSX tag's 'children' prop expects type 'never... Remove this comment to see the full error message */}
<ListItem>
<GetUrlButtons
label="Browser gene models Hail Table"
path="/resources/grch38/genes/gnomad.genes.GRCh38.GENCODEv39.ht"
/>
</ListItem>
</FileList>
</DownloadsSection>

<DownloadsSection>
<SectionTitle id="v4-coverage">Coverage</SectionTitle>
<FileList>
Expand Down
203 changes: 203 additions & 0 deletions browser/src/DownloadsPage/__snapshots__/DownloadsPage.spec.tsx.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7310,6 +7310,129 @@ exports[`Downloads Page has no unexpected changes 1`] = `
</div>
</div>
</section>
<section
className="c15"
>
<span
className="c6"
>
<h2
className="c16"
>
<a
aria-hidden="true"
className="c8 c9"
href="#v4-browser-tables"
id="v4-browser-tables"
>
<img
alt=""
aria-hidden="true"
height={12}
src="test-file-stub"
width={12}
/>
</a>
Browser Tables
</h2>
</span>
<p>
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
<a
className="-Link c13"
href="/help/v4-browser-hts"
onClick={[Function]}
>
help text
</a>
</p>
<h3>
Browser variants
</h3>
<ul
className="c19"
>
<li
className="c20"
>
<span>
Browser variants Hail Table
</span>
<br />
Show URL for

<button
aria-label="Show Google URL for Browser variants Hail Table"
className="c21"
onClick={[Function]}
type="button"
>
Google
</button>
/
<button
aria-label="Show Amazon URL for Browser variants Hail Table"
className="c21"
onClick={[Function]}
type="button"
>
Amazon
</button>
/
<button
aria-label="Show Microsoft URL for Browser variants Hail Table"
className="c21"
onClick={[Function]}
type="button"
>
Microsoft
</button>
</li>
</ul>
<h3>
Browser gene models
</h3>
<ul
className="c19"
>
<li
className="c20"
>
<span>
Browser gene models Hail Table
</span>
<br />
Show URL for

<button
aria-label="Show Google URL for Browser gene models Hail Table"
className="c21"
onClick={[Function]}
type="button"
>
Google
</button>
/
<button
aria-label="Show Amazon URL for Browser gene models Hail Table"
className="c21"
onClick={[Function]}
type="button"
>
Amazon
</button>
/
<button
aria-label="Show Microsoft URL for Browser gene models Hail Table"
className="c21"
onClick={[Function]}
type="button"
>
Microsoft
</button>
</li>
</ul>
</section>
<section
className="c15"
>
Expand Down Expand Up @@ -24426,6 +24549,86 @@ exports[`Downloads Page has no unexpected changes 1`] = `
</div>
</div>
</section>
<section
className="c15"
>
<span
className="c6"
>
<h2
className="c16"
>
<a
aria-hidden="true"
className="c8 c9"
href="#v2-browser-tables"
id="v2-browser-tables"
>
<img
alt=""
aria-hidden="true"
height={12}
src="test-file-stub"
width={12}
/>
</a>
Browser Tables
</h2>
</span>
<p>
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
<a
className="-Link c13"
href="/help/v4-browser-hts"
onClick={[Function]}
>
help text
</a>
</p>
<h3>
Browser gene models
</h3>
<ul
className="c19"
>
<li
className="c20"
>
<span>
Browser gene models Hail Table
</span>
<br />
Show URL for

<button
aria-label="Show Google URL for Browser gene models Hail Table"
className="c21"
onClick={[Function]}
type="button"
>
Google
</button>
/
<button
aria-label="Show Amazon URL for Browser gene models Hail Table"
className="c21"
onClick={[Function]}
type="button"
>
Amazon
</button>
/
<button
aria-label="Show Microsoft URL for Browser gene models Hail Table"
className="c21"
onClick={[Function]}
type="button"
>
Microsoft
</button>
</li>
</ul>
</section>
<section
className="c15"
>
Expand Down

0 comments on commit 434e7d9

Please sign in to comment.