From 69635a15bcdc61245c098722b3e93b10688967d3 Mon Sep 17 00:00:00 2001
From: rouggy <legreg002@hotmail.com>
Date: Tue, 21 Jul 2026 00:59:25 +0200
Subject: [PATCH] refactor: remove redundant By Band chart, keep Mode Split By
 Band in its place

---
 frontend/src/components/StatsPanel.tsx | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/StatsPanel.tsx b/frontend/src/components/StatsPanel.tsx
index 366d957..927e6cb 100644
--- a/frontend/src/components/StatsPanel.tsx
+++ b/frontend/src/components/StatsPanel.tsx
@@ -810,15 +810,12 @@ export function StatsPanel() {
         </div>
       ) : (
         <div className="grid grid-cols-1 lg:grid-cols-2 gap-2.5">
-          <Card title={t('stats.byBand')} sub={t('stats.byBandSub')} accent="var(--chart-3)">
-            <VBars data={stats.by_band} empty={empty} showValues colorful />
+          <Card title={t('stats.bandSplit')} sub={t('stats.bandSplitSub')} className="lg:col-span-2" accent="var(--chart-3)">
+            <StackedBandBars data={stats.by_band_category} empty={empty} />
           </Card>
           <Card title={t('stats.byMode')} accent="var(--chart-2)">
             <HBars data={stats.by_mode} max={8} empty={empty} colorful />
           </Card>
-          <Card title={t('stats.bandSplit')} sub={t('stats.bandSplitSub')} className="lg:col-span-2" accent="var(--chart-3)">
-            <StackedBandBars data={stats.by_band_category} empty={empty} />
-          </Card>
 
           <ActivityCard stats={stats} t={t} empty={empty} />