From 4c74deced7696810dedb835b48a9025dade732fe Mon Sep 17 00:00:00 2001
From: Jean-Luc Makiola <business@jeanlucmakiola.de>
Date: Mon, 20 Apr 2026 17:11:48 +0200
Subject: [PATCH] feat(05-01): update chart Bar radius to 0 and remove
 rounded-full legend dot

- SpendBarChart: set radius={0} on both Bar elements (was radius={4})
- IncomeBarChart: set radius={0} on both Bar elements (was radius={[4,4,0,0]})
- ExpenseDonutChart: remove rounded-full from legend color dot className
---
 src/components/dashboard/charts/ExpenseDonutChart.tsx | 2 +-
 src/components/dashboard/charts/IncomeBarChart.tsx    | 4 ++--
 src/components/dashboard/charts/SpendBarChart.tsx     | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/dashboard/charts/ExpenseDonutChart.tsx b/src/components/dashboard/charts/ExpenseDonutChart.tsx
index dc55ba7..2b5f82f 100644
--- a/src/components/dashboard/charts/ExpenseDonutChart.tsx
+++ b/src/components/dashboard/charts/ExpenseDonutChart.tsx
@@ -138,7 +138,7 @@ export function ExpenseDonutChart({
               className="flex items-center gap-2 text-sm"
             >
               <span
-                className="inline-block size-3 shrink-0 rounded-full"
+                className="inline-block size-3 shrink-0"
                 style={{
                   backgroundColor: `var(--color-${entry.type}-fill)`,
                 }}
diff --git a/src/components/dashboard/charts/IncomeBarChart.tsx b/src/components/dashboard/charts/IncomeBarChart.tsx
index 20caba0..80676dd 100644
--- a/src/components/dashboard/charts/IncomeBarChart.tsx
+++ b/src/components/dashboard/charts/IncomeBarChart.tsx
@@ -54,9 +54,9 @@ export function IncomeBarChart({
         <Bar
           dataKey="budgeted"
           fill="var(--color-budgeted)"
-          radius={[4, 4, 0, 0]}
+          radius={0}
         />
-        <Bar dataKey="actual" radius={[4, 4, 0, 0]}>
+        <Bar dataKey="actual" radius={0}>
           {data.map((entry, index) => (
             <Cell
               key={index}
diff --git a/src/components/dashboard/charts/SpendBarChart.tsx b/src/components/dashboard/charts/SpendBarChart.tsx
index f60d397..a3bd0d6 100644
--- a/src/components/dashboard/charts/SpendBarChart.tsx
+++ b/src/components/dashboard/charts/SpendBarChart.tsx
@@ -64,9 +64,9 @@ export function SpendBarChart({
         <Bar
           dataKey="budgeted"
           fill="var(--color-budgeted)"
-          radius={4}
+          radius={0}
         />
-        <Bar dataKey="actual" radius={4}>
+        <Bar dataKey="actual" radius={0}>
           {data.map((entry, index) => (
             <Cell
               key={index}