add page changes

broadinstitute · Oct 29, 2023 · d918386 · d918386
1 parent b7db088
commit d918386
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 6 deletions.
diff --git a/browser/src/CopyNumberVariantPage/CopyNumberVariantAttributeList.tsx b/browser/src/CopyNumberVariantPage/CopyNumberVariantAttributeList.tsx
@@ -50,8 +50,6 @@ const CopyNumberVariantAttributeList = ({ variant }: CopyNumberVariantAttributeL
       {(variant.sn === 0 ? 0 : variant.sc / variant.sn).toPrecision(4)}
     </AttributeList.Item>
     {/* @ts-expect-error TS(2604) FIXME: JSX element type 'AttributeList.Item' does not hav... Remove this comment to see the full error message */}
-    <AttributeList.Item label="Quality score">{variant.qual}</AttributeList.Item>
-    {/* @ts-expect-error TS(2604) FIXME: JSX element type 'AttributeList.Item' does not hav... Remove this comment to see the full error message */}
     <AttributeList.Item label="Position">
       <Link to={`/region/${variant.chrom}-${variant.pos}-${variant.end}`}>
         {variant.chrom}:{variant.pos}-{variant.end}

diff --git a/browser/src/CopyNumberVariantPage/CopyNumberVariantPage.tsx b/browser/src/CopyNumberVariantPage/CopyNumberVariantPage.tsx
@@ -1,16 +1,14 @@
 import React from 'react'
 import styled from 'styled-components'
 
-import { ExternalLink, Page } from '@gnomad/ui'
+import { ExternalLink, Page, ListItem } from '@gnomad/ui'
+import Link from '../Link'
 
 import { DatasetId, labelForDataset } from '@gnomad/dataset-metadata/metadata'
 import DocumentTitle from '../DocumentTitle'
 import GnomadPageHeading from '../GnomadPageHeading'
-// import { Histogram } from '../VariantPage/VariantPage'
-// import InfoButton from '../help/InfoButton'
 import Query from '../Query'
 import { variantFeedbackUrl } from '../variantFeedback'
-// import CopyNumberVariantAgeDistribution from './CopyNumberVariantAgeDistribution'
 import CopyNumberVariantAttributeList from './CopyNumberVariantAttributeList'
 import CopyNumberVariantPopulationsTable from './CopyNumberVariantPopulationsTable'
 import CNVReferenceList from './CNVReferenceList'
@@ -89,6 +87,22 @@ const CopyNumberVariantPage = ({ datasetId, variant }: CopyNumberVariantPageProp
       <h2>Population Frequencies</h2>
       <CopyNumberVariantPopulationsTable variant={variant} />
     </section>
+
+    <Wrapper>
+      <ResponsiveSection>
+        <h2>Consequences</h2>
+        <p>
+          This variant has consequences in {variant.genes.length} gene
+          {variant.genes.length !== 1 && 's'}.
+        </p>
+          {variant.genes.map((gene) => (
+            // @ts-expect-error TS(2769) FIXME: No overload matches this call.
+            <ListItem key={gene}>
+              <Link to={`/gene/${gene}`}>{gene}</Link>
+            </ListItem>
+          ))}
+      </ResponsiveSection>
+    </Wrapper>
   </Page>
 )