From 17f5dfbf94d78eba2045d300f37b72ebdf17a2e7 Mon Sep 17 00:00:00 2001
From: Froidefond Julien <julienfroidefond@gmail.com>
Date: Wed, 25 Feb 2026 14:22:02 +0100
Subject: [PATCH] feat: enhance RadarChart component with initial dimensions

- Added initial dimensions for height and width based on the compact prop to improve layout handling.
- Updated ResponsiveContainer to utilize the new initialDimension prop for better responsiveness.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/RadarChart.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/RadarChart.tsx b/src/components/RadarChart.tsx
index 1d9b5f5..215e707 100644
--- a/src/components/RadarChart.tsx
+++ b/src/components/RadarChart.tsx
@@ -47,9 +47,15 @@ export function RadarChart({ data, compact }: RadarChartProps) {
 
   if (data.length === 0) return null;
 
+  const initialH = compact ? 112 : 288;
+  const initialW = 300;
   return (
     <div className={compact ? "h-28 w-full" : "h-72 w-full"}>
-      <ResponsiveContainer width="100%" height="100%">
+      <ResponsiveContainer
+        width="100%"
+        height="100%"
+        initialDimension={{ width: initialW, height: initialH }}
+      >
         <RechartsRadar data={data}>
           <PolarGrid stroke={c.grid} />
           <PolarAngleAxis dataKey="dimension" tick={{ fontSize: compact ? 7 : 9, fill: c.axis }} />