From f2a934dd188c6451e657ec288335c520a2970804 Mon Sep 17 00:00:00 2001
From: Jacky Li <jinglun.li@alumni.ubc.ca>
Date: Thu, 2 Jan 2025 15:17:01 -0800
Subject: [PATCH] feat: remove arrows from number fields on TumourSumEdit, fix
 data setting for genomeTmb DEVSU-2465

---
 app/components/TumourSummaryEdit/index.scss |  9 ++++++++
 app/components/TumourSummaryEdit/index.tsx  | 25 +++++++++++----------
 2 files changed, 22 insertions(+), 12 deletions(-)

diff --git a/app/components/TumourSummaryEdit/index.scss b/app/components/TumourSummaryEdit/index.scss
index a1cab2765..ffbc00c0b 100644
--- a/app/components/TumourSummaryEdit/index.scss
+++ b/app/components/TumourSummaryEdit/index.scss
@@ -7,6 +7,15 @@
     margin: 12px 0;
   }
 
+  &__number-field {
+    margin: 12px 0;
+    input::-webkit-outer-spin-button,
+    input::-webkit-inner-spin-button {
+      -webkit-appearance: none;
+      margin: 0;
+    }
+  }
+
   &__check-box {
     color: gray;
     margin-top: -12px;
diff --git a/app/components/TumourSummaryEdit/index.tsx b/app/components/TumourSummaryEdit/index.tsx
index a97d0822b..79b585dec 100644
--- a/app/components/TumourSummaryEdit/index.tsx
+++ b/app/components/TumourSummaryEdit/index.tsx
@@ -92,6 +92,7 @@ const TumourSummaryEdit = ({
         tumourContent: report.tumourContent,
         subtyping: report.subtyping,
         captiv8Score: report.captiv8Score,
+        genomeTmb: report.genomeTmb,
       });
     }
   }, [report]);
@@ -398,7 +399,7 @@ const TumourSummaryEdit = ({
     if (newReportData) {
       const captiv8Section = (
         <TextField
-          className="tumour-dialog__text-field"
+          className="tumour-dialog__number-field"
           label={`${reportType === 'rapid' ? 'Preliminary ' : ''}CAPTIV-8 Score`}
           value={newReportData.captiv8Score}
           name="captiv8Score"
@@ -439,14 +440,14 @@ const TumourSummaryEdit = ({
         return (
           <>
             <TextField
-              className="tumour-dialog__text-field"
+              className="tumour-dialog__number-field"
               label="Intersect TMB Score"
               value={newReportData?.genomeTmb ?? ''}
               name="genomeTmb"
               onChange={handleReportChange}
               variant="outlined"
-              multiline
               fullWidth
+              type="number"
             />
             {captiv8Section}
           </>
@@ -494,7 +495,7 @@ const TumourSummaryEdit = ({
   const tCellCd8DataSection = useMemo(() => (
     <>
       <TextField
-        className="tumour-dialog__text-field"
+        className="tumour-dialog__number-field"
         label="CD8+ T Cell Score"
         value={newTCellCd8Data?.score ?? null}
         name="score"
@@ -504,7 +505,7 @@ const TumourSummaryEdit = ({
         type="number"
       />
       <TextField
-        className="tumour-dialog__text-field"
+        className="tumour-dialog__number-field"
         label="CD8+ T Cell Percentile"
         value={newTCellCd8Data?.percentile ?? null}
         name="percentile"
@@ -535,7 +536,7 @@ const TumourSummaryEdit = ({
         label={<div className="checkbox-label">Show/Hide CD8+ Percentile</div>}
       />
       <TextField
-        className="tumour-dialog__text-field"
+        className="tumour-dialog__number-field"
         label="Pediatric CD8+ T Cell Score"
         value={newTCellCd8Data?.pedsScore ?? null}
         name="pedsScore"
@@ -546,7 +547,7 @@ const TumourSummaryEdit = ({
         type="number"
       />
       <TextField
-        className="tumour-dialog__text-field"
+        className="tumour-dialog__number-field"
         label="Pediatric CD8+ T Cell Percentile"
         value={newTCellCd8Data?.pedsPercentile ?? null}
         name="pedsPercentile"
@@ -574,7 +575,7 @@ const TumourSummaryEdit = ({
   const mutBurDataSection = useMemo(() => (
     <>
       <TextField
-        className="tumour-dialog__text-field"
+        className="tumour-dialog__number-field"
         label="SV Burden (Count)"
         value={newMutationBurdenData?.qualitySvCount ?? null}
         name="qualitySvCount"
@@ -584,7 +585,7 @@ const TumourSummaryEdit = ({
         type="number"
       />
       <TextField
-        className="tumour-dialog__text-field"
+        className="tumour-dialog__number-field"
         label="SV Burden (Percentile)"
         value={newMutationBurdenData?.qualitySvPercentile ?? null}
         name="qualitySvPercentile"
@@ -620,7 +621,7 @@ const TumourSummaryEdit = ({
   const tmburMutBurSection = useMemo(() => (
     <>
       <TextField
-        className="tumour-dialog__text-field"
+        className="tumour-dialog__number-field"
         label="genomeSnvTmb"
         value={newTmburMutData?.genomeSnvTmb ?? null}
         name="genomeSnvTmb"
@@ -630,7 +631,7 @@ const TumourSummaryEdit = ({
         type="number"
       />
       <TextField
-        className="tumour-dialog__text-field"
+        className="tumour-dialog__number-field"
         label="genomeIndelTmb"
         value={newTmburMutData?.genomeIndelTmb ?? null}
         name="genomeIndelTmb"
@@ -640,7 +641,7 @@ const TumourSummaryEdit = ({
         type="number"
       />
       <TextField
-        className="tumour-dialog__text-field"
+        className="tumour-dialog__number-field"
         label="Adjusted TMB"
         value={newTmburMutData?.adjustedTmb ?? null}
         name="adjustedTmb"