feat: change threshold, sorting and remove window size

jan-havlik · Nov 13, 2023 · d360802 · d360802
1 parent 1d9181a
commit d360802
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 22 deletions.
diff --git a/components/analysis/AnalysisContainer.tsx b/components/analysis/AnalysisContainer.tsx
@@ -13,7 +13,7 @@ const AnalysisContainer = () => {
   const router = useRouter();
   const [formData, setFormData] = useState<FormData>({
     threshold: 1.2,
-    windowSize: 20,
+    windowSize: 25,
     orderBy: ["score"],
     dir: "desc",
     start: 50000,

diff --git a/components/analysis/cards/analysis-filter-cards/G4HunterFilterCard.tsx b/components/analysis/cards/analysis-filter-cards/G4HunterFilterCard.tsx
@@ -22,25 +22,19 @@ const G4HunterFilterCard = ({ formData, setFormData }: Props) => {
           id="outlined-required"
           type="number"
           value={formData.threshold}
-          onChange={(event) =>
-            setFormData({
-              ...formData,
-              threshold: Number(event.target.value),
-            })
-          }
-        />
-        <TextField
-          size="small"
-          label="Window size"
-          id="outlined-required"
-          type="number"
-          value={formData.windowSize}
-          onChange={(event) =>
-            setFormData({
-              ...formData,
-              windowSize: Number(event.target.value),
-            })
-          }
+          inputProps={{
+            step: 0.1,
+          }}
+          onChange={(event) => {
+            const newThreshold = Number(event.target.value);
+
+            if (1.2 <= newThreshold && newThreshold <= 4.0) {
+              setFormData({
+                ...formData,
+                threshold: Number(event.target.value),
+              });
+            }
+          }}
         />
       </Stack>
     </BaseCard>

diff --git a/components/analysis/cards/sorting-card/SortingCard.tsx b/components/analysis/cards/sorting-card/SortingCard.tsx
@@ -18,11 +18,11 @@ const SortingCard = ({ formData, setFormData }: Props) => {
         <Typography variant="h6">Sort by</Typography>
         <Divider />
         <Stack direction="row" alignItems="start">
-          <Stack direction="column">
+          <Stack direction="column" spacing={2}>
             <SortingInput title="G4Hunter score" subtitle="(individual)" />
             <SortingInput title="G4Hunter score" subtitle="(grouped)" />
+            <SortingInput title="Quadruplex lenght" />
           </Stack>
-          <SortingInput title="Position" />
         </Stack>
       </Stack>
     </BaseCard>