Don't show "Show transcripts" button on mitochondrial gene page

broadinstitute · Feb 11, 2025 · 5a61c53 · 5a61c53
1 parent 0211850
commit 5a61c53
Show file tree

Hide file tree

Showing 3 changed files with 1,561 additions and 7 deletions.
diff --git a/browser/src/GenePage/GenePage.spec.tsx b/browser/src/GenePage/GenePage.spec.tsx
@@ -281,3 +281,32 @@ describe.each([
     })
   }
 )
+
+describe('gene page for a mitochondrial gene', () => {
+  test("doesn't include a show-transcripts button", async () => {
+    const gene = geneFactory.build({ symbol: 'MT-ATP6', chrom: 'M' })
+    setMockApiResponses({
+      MitochondrialCoverageInGene: () => ({
+        gene: {
+          mitochondrial_coverage: [],
+        },
+      }),
+      MitochondrialCoverageInTranscript: () => ({
+        transcript: {
+          mitochondrial_coverage: [],
+        },
+      }),
+      MitochondrialVariantsInGene: () => ({
+        gene: { mitochondrial_variants: [], clinvar_variants: [] },
+        meta: { clinvar_release_date: '2022-10-31' },
+      }),
+    })
+
+    const tree = renderer.create(
+      <MemoryRouter>
+        <GenePage datasetId="gnomad_r4" gene={gene} geneId={gene.gene_id} />
+      </MemoryRouter>
+    )
+    expect(tree).toMatchSnapshot()
+  })
+})
diff --git a/browser/src/GenePage/GenePage.tsx b/browser/src/GenePage/GenePage.tsx
@@ -539,13 +539,15 @@ const GenePage = ({ datasetId, gene, geneId }: Props) => {
                     height={20}
                     width={20}
                   />
-                  <Button
-                    onClick={() => {
-                      setShowTranscripts((prevShowTranscripts) => !prevShowTranscripts)
-                    }}
-                  >
-                    {showTranscripts ? 'Hide' : 'Show'} transcripts
-                  </Button>
+                  {gene.chrom !== 'M' && (
+                    <Button
+                      onClick={() => {
+                        setShowTranscripts((prevShowTranscripts) => !prevShowTranscripts)
+                      }}
+                    >
+                      {showTranscripts ? 'Hide' : 'Show'} transcripts
+                    </Button>
+                  )}
                 </ToggleTranscriptsPanel>
               )
             }}