From cf30e20e42e09ecd5b6b5f5e1668db20a1654be5 Mon Sep 17 00:00:00 2001
From: Leo dev <klesti.selimay@icloud.com>
Date: Sun, 28 Dec 2025 02:51:12 +0100
Subject: [PATCH] Max value chart

---
 src/app/monitoring/page.tsx          | 3 +++
 src/components/GradientAreaChart.tsx | 5 ++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/app/monitoring/page.tsx b/src/app/monitoring/page.tsx
index c71284a..1194c0c 100644
--- a/src/app/monitoring/page.tsx
+++ b/src/app/monitoring/page.tsx
@@ -108,14 +108,17 @@ export default function MonitoringPage() {
           title="CPU Usage"
           data={data}
           config={cpuChartConfig}
+          max={100}
         />
         <GradientAreaChart
           title="Memory Usage"
           data={data}
           config={memoryChartConfig}
+          max={100}
         />
       </div>
 
+      {/* Network Metrics */}
       <div className="mb-6">
         <GradientAreaChart
           title="Network I/O"
diff --git a/src/components/GradientAreaChart.tsx b/src/components/GradientAreaChart.tsx
index 27c6ba6..5ec9943 100644
--- a/src/components/GradientAreaChart.tsx
+++ b/src/components/GradientAreaChart.tsx
@@ -7,7 +7,7 @@ import {
   CardTitle,
   CardDescription,
 } from "@/components/ui/card";
-import { AreaChart, Area, XAxis, CartesianGrid } from "recharts";
+import { AreaChart, Area, XAxis, CartesianGrid, YAxis } from "recharts";
 import {
   ChartContainer,
   ChartTooltip,
@@ -19,10 +19,12 @@ export default function GradientAreaChart({
   title,
   data,
   config,
+  max,
 }: {
   title: string;
   data: any[];
   config: ChartConfig;
+  max?: number;
 }) {
   return (
     <Card>
@@ -40,6 +42,7 @@ export default function GradientAreaChart({
               tickLine={false}
               tickMargin={8}
             />
+            {max && <YAxis domain={[0, max]} width={10} />}
             <ChartTooltip cursor={false} content={<ChartTooltipContent />} />
             <defs>
               {Object.entries(config).map(([key, config]) => (