[Platform]: tooltip and color chip fix (#293)

opentargets · Nov 21, 2023 · 50e5b3a · 50e5b3a
1 parent 0340f4e
commit 50e5b3a
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 28 deletions.
diff --git a/packages/sections/src/drug/Pharmacogenomics/Body.jsx b/packages/sections/src/drug/Pharmacogenomics/Body.jsx
@@ -42,15 +42,15 @@ const getLevelElementClassName = level => {
     case "1A":
       return "green";
     case "2":
-      return "level-blue";
+      return "blue";
     case "2A":
-      return "level-blue";
+      return "blue";
     case "3":
-      return "level-yellow";
+      return "yellow";
     case "4":
-      return "level-red";
+      return "red";
     default:
-      return "level-red";
+      return "red";
   }
 };
 
@@ -145,15 +145,20 @@ function Body({ id: chemblId, label: name, entity }) {
       id: "drugResponse",
       label: "Drug Response Phenotype",
       renderCell: ({ phenotypeText = naLabel, phenotypeFromSourceId, genotypeAnnotationText }) => {
-        const phenotypeTextElement = phenotypeFromSourceId ? (
-          <Tooltip title={genotypeAnnotationText} showHelpIcon>
-            <Link to={`/disease/${phenotypeFromSourceId}`}>{phenotypeText}</Link>
-          </Tooltip>
-        ) : (
-          <Tooltip showHelpIcon title={genotypeAnnotationText}>
-            {phenotypeText}
-          </Tooltip>
-        );
+        let phenotypeTextElement;
+
+        if (phenotypeText) {
+          phenotypeTextElement = phenotypeFromSourceId ? (
+            <Tooltip title={genotypeAnnotationText} showHelpIcon>
+              <Link to={`/disease/${phenotypeFromSourceId}`}>{phenotypeText}</Link>
+            </Tooltip>
+          ) : (
+            <Tooltip title={genotypeAnnotationText} showHelpIcon>
+              {phenotypeText}
+            </Tooltip>
+          );
+        } else phenotypeTextElement = naLabel;
+
         return phenotypeTextElement;
       },
     },

diff --git a/packages/sections/src/target/Pharmacogenomics/PharmacogenomicsTable.jsx b/packages/sections/src/target/Pharmacogenomics/PharmacogenomicsTable.jsx
@@ -38,15 +38,15 @@ const getLevelElementClassName = level => {
     case "1A":
       return "green";
     case "2":
-      return "level-blue";
+      return "blue";
     case "2A":
-      return "level-blue";
+      return "blue";
     case "3":
-      return "level-yellow";
+      return "yellow";
     case "4":
-      return "level-red";
+      return "red";
     default:
-      return "level-red";
+      return "red";
   }
 };
 
@@ -126,15 +126,20 @@ function OverviewTab({ pharmacogenomics, query, variables }) {
       id: "drugResponse",
       label: "Drug Response Phenotype",
       renderCell: ({ phenotypeText = naLabel, phenotypeFromSourceId, genotypeAnnotationText }) => {
-        const phenotypeTextElement = phenotypeFromSourceId ? (
-          <Tooltip showHelpIcon title={genotypeAnnotationText}>
-            <Link to={`/disease/${phenotypeFromSourceId}`}>{phenotypeText}</Link>
-          </Tooltip>
-        ) : (
-          <Tooltip showHelpIcon title={genotypeAnnotationText}>
-            {phenotypeText}
-          </Tooltip>
-        );
+        let phenotypeTextElement;
+
+        if (phenotypeText) {
+          phenotypeTextElement = phenotypeFromSourceId ? (
+            <Tooltip title={genotypeAnnotationText} showHelpIcon>
+              <Link to={`/disease/${phenotypeFromSourceId}`}>{phenotypeText}</Link>
+            </Tooltip>
+          ) : (
+            <Tooltip title={genotypeAnnotationText} showHelpIcon>
+              {phenotypeText}
+            </Tooltip>
+          );
+        } else phenotypeTextElement = naLabel;
+
         return phenotypeTextElement;
       },
     },