From 220481fff89e84f371e37007ed3a43cb0af276db Mon Sep 17 00:00:00 2001
From: Domingo Dirutigliano <me@domy.sh>
Date: Wed, 28 Aug 2024 00:01:56 +0200
Subject: [PATCH] fix: submitter frontend forms

---
 frontend/src/components/charts/LineChartAttackView.tsx | 8 +++-----
 frontend/src/components/charts/LineChartFlagView.tsx   | 8 +++-----
 2 files changed, 6 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/charts/LineChartAttackView.tsx b/frontend/src/components/charts/LineChartAttackView.tsx
index cfe6030..262bd73 100644
--- a/frontend/src/components/charts/LineChartAttackView.tsx
+++ b/frontend/src/components/charts/LineChartAttackView.tsx
@@ -2,7 +2,7 @@ import { hashedColor } from "@/utils"
 import { clientsQuery, exploitsQuery, statsQuery, statusQuery } from "@/utils/queries"
 import { getDateSmallFormatted } from "@/utils/time"
 import { AttackStatuses } from "@/utils/types"
-import { AreaChart, ChartData, LineChart } from "@mantine/charts"
+import { AreaChart, ChartData } from "@mantine/charts"
 import { Box, Divider, Space } from "@mantine/core"
 import { useMemo } from "react"
 import { AttackTypeControl, SeriesTypeChartControl, TypeLineChartControl } from "@/components/inputs/Controllers"
@@ -78,20 +78,18 @@ export const LineChartAttackView = ({ seriesType, attackType, chartType, withCon
         return res?.filter((tick) => Object.keys(tick).length > 1)??[]
     }, [stats.isFetching, finalSeries, finalAttackStatus, finalChartType, exploits.isFetching])
 
-    const ChartComponent = finalChartType == "area" ? AreaChart : LineChart
-
     return <Box style={{width:"100%", minHeight:300}}>
         <b>Attacks chart</b>
         <Space h="md" />
         <Divider />
         <Space h="lg" />
         <Space h="md" />
-        <ChartComponent
+        <AreaChart
             h={300}
             w="100%"
             data={data as ChartData}
+            type={finalChartType == "area" ? "stacked": undefined}
             dataKey="date"
-            type="stacked"
             withLegend
             legendProps={{ verticalAlign: 'bottom', height: 50 }}
             series={series}
diff --git a/frontend/src/components/charts/LineChartFlagView.tsx b/frontend/src/components/charts/LineChartFlagView.tsx
index 22f10c0..9492461 100644
--- a/frontend/src/components/charts/LineChartFlagView.tsx
+++ b/frontend/src/components/charts/LineChartFlagView.tsx
@@ -2,7 +2,7 @@ import { hashedColor } from "@/utils"
 import { clientsQuery, exploitsQuery, statsQuery, statusQuery } from "@/utils/queries"
 import { getDateSmallFormatted } from "@/utils/time"
 import { FlagStatuses } from "@/utils/types"
-import { AreaChart, ChartData, LineChart } from "@mantine/charts"
+import { AreaChart, ChartData } from "@mantine/charts"
 import { Box, Divider, Space } from "@mantine/core"
 import { useMemo } from "react"
 import { FlagTypeControl, SeriesTypeChartControl, TypeLineChartControl } from "@/components/inputs/Controllers"
@@ -78,21 +78,19 @@ export const LineChartFlagView = ({ seriesType, flagType, chartType, withControl
         return res?.filter((item) => Object.keys(item).length > 1)??[]
     }, [stats.isFetching, finalSeries, finalFlagStatus, finalChartType, exploits.isFetching])
 
-    const ChartComponent = finalChartType == "area" ? AreaChart : LineChart
-
     return <Box style={{width:"100%", minHeight:300}}>
         <b>Flag chart</b>
         <Space h="md" />
         <Divider />
         <Space h="lg" />
         <Space h="md" />
-        <ChartComponent
+        <AreaChart
             h={300}
             mih={300}
             miw={100}
             data={data as ChartData}
             dataKey="date"
-            type="stacked"
+            type={finalChartType == "area" ? "stacked": undefined}
             withLegend
             legendProps={{ verticalAlign: 'bottom', height: 50 }}
             series={series}