feat(frontend): add ClinVar hail tables to Data page

Author: rileyhgrant

browser/src/DataPage/GnomadV2Downloads.tsx

@@ -458,6 +458,26 @@ const GnomadV2Downloads = () => {
         </FileList>
       </DownloadsSection>
 
+      <DownloadsSection>
+        <SectionTitle id="v2-clinvar-grch37">ClinVar</SectionTitle>
+        <p>
+          For more information about these files, see the{' '}
+          <Link to="/help/clinvar-hts">help text</Link>.
+        </p>
+
+        <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
+              gcsBucket="gnomad-browser-clinvar"
+              label="ClinVar GRCh37 Browser Hail Table"
+              path="/gnomad_clinvar_grch37.ht"
+              includeAWS={false}
+            />
+          </ListItem>
+        </FileList>
+      </DownloadsSection>
+
       <DownloadsSection>
         <SectionTitle id="v2-resources">Resources</SectionTitle>
         <FileList>

browser/src/DataPage/GnomadV4Downloads.tsx

@@ -553,6 +553,26 @@ const GnomadV4Downloads = () => {
         </FileList>
       </DownloadsSection>
 
+      <DownloadsSection>
+        <SectionTitle id="v4-clinvar-grch38">ClinVar</SectionTitle>
+        <p>
+          For more information about these files, see the{' '}
+          <Link to="/help/clinvar-hts">help text</Link>.
+        </p>
+
+        <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
+              gcsBucket="gnomad-browser-clinvar"
+              label="ClinVar GRCh38 Browser Hail Table"
+              path="/gnomad_clinvar_grch38.ht"
+              includeAWS={false}
+            />
+          </ListItem>
+        </FileList>
+      </DownloadsSection>
+
       <DownloadsSection>
         <SectionTitle id="v4-resources">Resources</SectionTitle>
         <FileList>

browser/src/DataPage/__snapshots__/DataPage.spec.tsx.snap

@@ -7077,6 +7077,67 @@ exports[`Data Page has no unexpected changes 1`] = `
         </li>
       </ul>
     </section>
+    <section
+      className="c16"
+    >
+      <span
+        className="c8"
+      >
+        <h2
+          className="c17"
+        >
+          <a
+            aria-hidden="true"
+            className="c10 c11"
+            href="#v4-clinvar-grch38"
+            id="v4-clinvar-grch38"
+          >
+            <img
+              alt=""
+              aria-hidden="true"
+              height={12}
+              src="test-file-stub"
+              width={12}
+            />
+          </a>
+          ClinVar
+        </h2>
+      </span>
+      <p>
+        For more information about these files, see the
+         
+        <a
+          className="-Link c14"
+          href="/help/clinvar-hts"
+          onClick={[Function]}
+        >
+          help text
+        </a>
+        .
+      </p>
+      <ul
+        className="c20"
+      >
+        <li
+          className="c21"
+        >
+          <span>
+            ClinVar GRCh38 Browser Hail Table
+          </span>
+          <br />
+          Show URL for
+           
+          <button
+            aria-label="Show Google URL for ClinVar GRCh38 Browser Hail Table"
+            className="c22"
+            onClick={[Function]}
+            type="button"
+          >
+            Google
+          </button>
+        </li>
+      </ul>
+    </section>
     <section
       className="c16"
     >
@@ -21127,6 +21188,67 @@ exports[`Data Page has no unexpected changes 1`] = `
         </li>
       </ul>
     </section>
+    <section
+      className="c16"
+    >
+      <span
+        className="c8"
+      >
+        <h2
+          className="c17"
+        >
+          <a
+            aria-hidden="true"
+            className="c10 c11"
+            href="#v2-clinvar-grch37"
+            id="v2-clinvar-grch37"
+          >
+            <img
+              alt=""
+              aria-hidden="true"
+              height={12}
+              src="test-file-stub"
+              width={12}
+            />
+          </a>
+          ClinVar
+        </h2>
+      </span>
+      <p>
+        For more information about these files, see the
+         
+        <a
+          className="-Link c14"
+          href="/help/clinvar-hts"
+          onClick={[Function]}
+        >
+          help text
+        </a>
+        .
+      </p>
+      <ul
+        className="c20"
+      >
+        <li
+          className="c21"
+        >
+          <span>
+            ClinVar GRCh37 Browser Hail Table
+          </span>
+          <br />
+          Show URL for
+           
+          <button
+            aria-label="Show Google URL for ClinVar GRCh37 Browser Hail Table"
+            className="c22"
+            onClick={[Function]}
+            type="button"
+          >
+            Google
+          </button>
+        </li>
+      </ul>
+    </section>
     <section
       className="c16"
     >