From 6368b9d8374daa6829dc217adf72b4272c94cce3 Mon Sep 17 00:00:00 2001
From: Fred KISSIE <fredkiss3@gmail.com>
Date: Fri, 21 Nov 2025 06:33:47 +0100
Subject: [PATCH] =?UTF-8?q?=E2=99=BB=EF=B8=8F=20use=20linechart?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/LogAnalyticsData.tsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/LogAnalyticsData.tsx b/src/components/LogAnalyticsData.tsx
index 04444835..8a5a7401 100644
--- a/src/components/LogAnalyticsData.tsx
+++ b/src/components/LogAnalyticsData.tsx
@@ -34,7 +34,7 @@ import {
 } from "./InfoSection";
 import { WorldMap } from "./WorldMap";
 import { countryCodeToFlagEmoji } from "@app/lib/countryCodeToFlagEmoji";
-import { useTheme } from "next-themes";
+
 import {
     Tooltip,
     TooltipContent,
@@ -49,7 +49,7 @@ import {
     ChartTooltipContent,
     type ChartConfig
 } from "./ui/chart";
-import { Area, AreaChart, CartesianGrid, XAxis, YAxis } from "recharts";
+import { CartesianGrid, Line, LineChart, XAxis, YAxis } from "recharts";
 
 export type AnalyticsContentProps = {
     orgId: string;
@@ -365,7 +365,7 @@ function RequestChart(props: RequestChartProps) {
             config={chartConfig}
             className="min-h-[200px] w-full h-80"
         >
-            <AreaChart accessibilityLayer data={props.data}>
+            <LineChart accessibilityLayer data={props.data}>
                 <ChartLegend content={<ChartLegendContent />} />
                 <ChartTooltip
                     content={
@@ -412,23 +412,25 @@ function RequestChart(props: RequestChartProps) {
                     }}
                 />
 
-                <Area
+                <Line
                     dataKey="allowedCount"
                     stroke="var(--color-allowedCount)"
                     strokeWidth={2}
                     fill="transparent"
                     radius={4}
                     isAnimationActive={false}
+                    dot={false}
                 />
-                <Area
+                <Line
                     dataKey="blockedCount"
                     stroke="var(--color-blockedCount)"
                     strokeWidth={2}
                     fill="transparent"
                     radius={4}
                     isAnimationActive={false}
+                    dot={false}
                 />
-            </AreaChart>
+            </LineChart>
         </ChartContainer>
     );
 }