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 29, 2024
1 parent acfae13 commit e313c00
Show file tree
Hide file tree
Showing 3 changed files with 260 additions and 0 deletions.
26 changes: 26 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,30 @@ const GnomadV2Downloads = () => {
</ColumnsWrapper>
</DownloadsSection>

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

<p>
For more information about these files, see our{' '}
<Link to="https://gnomad.broadinstitute.org/new/2024-08-release-gnomad-browser-tables">
changelog entry
</Link>{' '}
on the browser tables, and the <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 GRCh37 gene models Hail Table"
path="/resources/grch37/genes/gnomad.genes.GRCh37.GENCODEv19.ht"
includeAzure={false}
/>
</ListItem>
</FileList>
</DownloadsSection>

<DownloadsSection>
<SectionTitle id="v2-coverage">Coverage</SectionTitle>
<FileList>
Expand Down
36 changes: 36 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,42 @@ const GnomadV4Downloads = () => {
</ColumnsWrapper>
</DownloadsSection>

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

<p>
For more information about these files, see our{' '}
<Link to="https://gnomad.broadinstitute.org/new/2024-08-release-gnomad-browser-tables">
changelog entry
</Link>{' '}
on the browser tables, and the <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"
includeAzure={false}
/>
</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 GRCh38 gene models Hail Table"
path="/resources/grch38/genes/gnomad.genes.GRCh38.GENCODEv39.ht"
includeAzure={false}
/>
</ListItem>
</FileList>
</DownloadsSection>

<DownloadsSection>
<SectionTitle id="v4-coverage">Coverage</SectionTitle>
<FileList>
Expand Down
198 changes: 198 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,122 @@ 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>
For more information about these files, see our

<a
className="-Link c13"
href="https://gnomad.broadinstitute.org/new/2024-08-release-gnomad-browser-tables"
onClick={[Function]}
>
changelog entry
</a>

on the browser tables, and the
<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>
</li>
</ul>
<h3>
Browser gene models
</h3>
<ul
className="c19"
>
<li
className="c20"
>
<span>
Browser GRCh38 gene models Hail Table
</span>
<br />
Show URL for

<button
aria-label="Show Google URL for Browser GRCh38 gene models Hail Table"
className="c21"
onClick={[Function]}
type="button"
>
Google
</button>
/
<button
aria-label="Show Amazon URL for Browser GRCh38 gene models Hail Table"
className="c21"
onClick={[Function]}
type="button"
>
Amazon
</button>
</li>
</ul>
</section>
<section
className="c15"
>
Expand Down Expand Up @@ -24426,6 +24542,88 @@ 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>
For more information about these files, see our

<a
className="-Link c13"
href="https://gnomad.broadinstitute.org/new/2024-08-release-gnomad-browser-tables"
onClick={[Function]}
>
changelog entry
</a>

on the browser tables, and the
<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 GRCh37 gene models Hail Table
</span>
<br />
Show URL for

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

0 comments on commit e313c00

Please sign in to comment.