From 7d21a16a225ce5239505eab19769231111019916 Mon Sep 17 00:00:00 2001
From: Chintan Mehta <mchintan24@gmail.com>
Date: Tue, 21 Nov 2023 13:20:57 +0000
Subject: [PATCH] added cancer hallmark to list of sections

---
 .../Table/SectionRender.jsx                   | 43 ++++++++--------
 apps/platform/src/sections/targetSections.js  | 51 +++++++------------
 2 files changed, 40 insertions(+), 54 deletions(-)

diff --git a/apps/platform/src/components/AssociationsToolkit/Table/SectionRender.jsx b/apps/platform/src/components/AssociationsToolkit/Table/SectionRender.jsx
index 2abea02b7..b5aff630d 100644
--- a/apps/platform/src/components/AssociationsToolkit/Table/SectionRender.jsx
+++ b/apps/platform/src/components/AssociationsToolkit/Table/SectionRender.jsx
@@ -1,23 +1,23 @@
-import { Suspense } from 'react';
-import { styled } from '@mui/material/styles';
-import { LoadingBackdrop } from 'ui';
-import { ENTITIES } from '../utils';
+import { Suspense } from "react";
+import { styled } from "@mui/material/styles";
+import { LoadingBackdrop } from "ui";
+import { ENTITIES } from "../utils";
 
-import targetSections from '../../../sections/targetSections';
-import evidenceSections from '../../../sections/evidenceSections';
+import targetSections from "../../../sections/targetSections";
+import evidenceSections from "../../../sections/evidenceSections";
 
-const LoadingContainer = styled('div')({
-  margin: '25px 0',
-  height: '100px',
-  display: 'flex',
-  justifyContent: 'center',
-  alignItems: 'center',
-  gap: '20px',
+const LoadingContainer = styled("div")({
+  margin: "25px 0",
+  height: "100px",
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  gap: "20px",
 });
 
-const Container = styled('div')({
-  marginTop: '10px',
-  marginBottom: '40px',
+const Container = styled("div")({
+  marginTop: "10px",
+  marginBottom: "40px",
 });
 
 function LoadingSection() {
@@ -58,28 +58,31 @@ export function SectionRender({
   if (!flatCols.includes(expanded[1])) return null;
 
   switch (displayedTable) {
-    case 'prioritisations': {
+    case "prioritisations": {
       Component = targetSections.get(section);
       const { targetSymbol } = row.original;
       ensgId = entity === ENTITIES.DISEASE ? rowId : id;
       label = targetSymbol;
       componentId = ensgId;
-      entityOfSection = 'target';
+      entityOfSection = "target";
       break;
     }
-    case 'associations': {
+    case "associations": {
       Component = evidenceSections.get(section);
       const { diseaseName, targetSymbol } = row.original;
       ensgId = entity === ENTITIES.DISEASE ? rowId : id;
       efoId = entity === ENTITIES.DISEASE ? id : rowId;
       componentId = { ensgId, efoId };
       label = { symbol: targetSymbol, name: diseaseName };
-      entityOfSection = 'disease';
+      entityOfSection = "disease";
       break;
     }
     default:
       return <SectionNotFound />;
   }
+
+  if (!Component) return <SectionNotFound />;
+
   return <Component id={componentId} label={label} entity={entityOfSection} />;
 }
 
diff --git a/apps/platform/src/sections/targetSections.js b/apps/platform/src/sections/targetSections.js
index 9a24d2cd5..a06653082 100644
--- a/apps/platform/src/sections/targetSections.js
+++ b/apps/platform/src/sections/targetSections.js
@@ -1,39 +1,22 @@
-import { lazy } from 'react';
+import { lazy } from "react";
 
 const targetSections = new Map([
-  ['tractability', lazy(() => import('sections/src/target/Tractability/Body'))],
-  ['knownDrugs', lazy(() => import('sections/src/target/KnownDrugs/Body'))],
-  ['safety', lazy(() => import('sections/src/target/Safety/Body'))],
-  ['expressions', lazy(() => import('sections/src/target/Expression/Body'))],
-  ['depMapEssentiality', lazy(() => import('sections/src/target/DepMap/Body'))],
-  ['geneOntology', lazy(() => import('sections/src/target/GeneOntology/Body'))],
-  ['protVista', lazy(() => import('sections/src/target/ProtVista/Body'))],
-  ['pathways', lazy(() => import('sections/src/target/Pathways/Body'))],
-  ['bibliography', lazy(() => import('sections/src/target/Bibliography/Body'))],
-  [
-    'subcellularLocation',
-    lazy(() => import('sections/src/target/SubcellularLocation/Body')),
-  ],
-  [
-    'chemicalProbes',
-    lazy(() => import('sections/src/target/ChemicalProbes/Body')),
-  ],
-  [
-    'geneticConstraint',
-    lazy(() => import('sections/src/target/GeneticConstraint/Body')),
-  ],
-  [
-    'interactions',
-    lazy(() => import('sections/src/target/MolecularInteractions/Body')),
-  ],
-  [
-    'mousePhenotypes',
-    lazy(() => import('sections/src/target/MousePhenotypes/Body')),
-  ],
-  [
-    'compGenomics',
-    lazy(() => import('sections/src/target/ComparativeGenomics/Body')),
-  ],
+  ["tractability", lazy(() => import("sections/src/target/Tractability/Body"))],
+  ["knownDrugs", lazy(() => import("sections/src/target/KnownDrugs/Body"))],
+  ["safety", lazy(() => import("sections/src/target/Safety/Body"))],
+  ["expressions", lazy(() => import("sections/src/target/Expression/Body"))],
+  ["depMapEssentiality", lazy(() => import("sections/src/target/DepMap/Body"))],
+  ["geneOntology", lazy(() => import("sections/src/target/GeneOntology/Body"))],
+  ["protVista", lazy(() => import("sections/src/target/ProtVista/Body"))],
+  ["pathways", lazy(() => import("sections/src/target/Pathways/Body"))],
+  ["bibliography", lazy(() => import("sections/src/target/Bibliography/Body"))],
+  ["subcellularLocation", lazy(() => import("sections/src/target/SubcellularLocation/Body"))],
+  ["chemicalProbes", lazy(() => import("sections/src/target/ChemicalProbes/Body"))],
+  ["cancerHallmarks", lazy(() => import("sections/src/target/CancerHallmarks/Body"))],
+  ["geneticConstraint", lazy(() => import("sections/src/target/GeneticConstraint/Body"))],
+  ["interactions", lazy(() => import("sections/src/target/MolecularInteractions/Body"))],
+  ["mousePhenotypes", lazy(() => import("sections/src/target/MousePhenotypes/Body"))],
+  ["compGenomics", lazy(() => import("sections/src/target/ComparativeGenomics/Body"))],
 ]);
 
 export default targetSections;