From 3df41382f0ca8e9a6f5b6f05e03d5e21e4e637e6 Mon Sep 17 00:00:00 2001
From: Chintan Mehta <22376522+chinmehta@users.noreply.github.com>
Date: Tue, 17 Sep 2024 14:02:09 +0100
Subject: [PATCH] [Platform]: Depmap graph changes (#471)

* Adding the x-axis label

* added sentence case titles
---
 packages/sections/src/target/DepMap/DepmapPlot.jsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/sections/src/target/DepMap/DepmapPlot.jsx b/packages/sections/src/target/DepMap/DepmapPlot.jsx
index 9b1ba3258..c839041f9 100644
--- a/packages/sections/src/target/DepMap/DepmapPlot.jsx
+++ b/packages/sections/src/target/DepMap/DepmapPlot.jsx
@@ -4,11 +4,12 @@ import { useMeasure } from "@uidotdev/usehooks";
 import { Box } from "@mui/material";
 import { grey } from "@mui/material/colors";
 import { DataDownloader } from "ui";
+import { sentenceCase } from "ui/src/utils/global";
 
 const prepareData = (data = []) => {
   const flatData = data.reduce((accumulator, currentValue) => {
     currentValue.screens.forEach(dot => {
-      accumulator.push({ ...dot, tissueName: currentValue.tissueName });
+      accumulator.push({ ...dot, tissueName: sentenceCase(currentValue.tissueName) });
     });
     return accumulator;
   }, []);
@@ -135,6 +136,10 @@ function DepmapPlot({ data, width }) {
           fontSize: 12,
           label: "Tissue name",
         }),
+        Plot.axisX({
+          fontSize: 12,
+          label: "Gene Effect",
+        }),
         Plot.crosshair(data, { x: "geneEffect", y: "tissueName" }),
       ],
     });