From bb97ee8430c6073ea872b08dea7733c0f9a46f27 Mon Sep 17 00:00:00 2001
From: c0mrade <killmy666@gmail.com>
Date: Tue, 2 Jun 2026 15:17:34 +0300
Subject: [PATCH] =?UTF-8?q?feat(sales-stats):=20=D1=80=D0=B0=D0=B7=D0=B1?=
 =?UTF-8?q?=D0=B8=D0=B2=D0=BA=D0=B0=20=D0=B4=D0=BE=D0=BF=D0=BE=D0=B2=20?=
 =?UTF-8?q?=D0=BF=D0=BE=20=D0=BF=D0=B0=D0=BA=D0=B5=D1=82=D0=B0=D0=BC=20?=
 =?UTF-8?q?=D1=82=D0=BE=D0=B6=D0=B5=20=D0=BD=D0=B0=20BreakdownList?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Для консистентности: «Допы → по пакетам» теперь список с долями % и мини-баром,
как остальные категорийные разбивки, вместо отдельного bar-графика.
---
 src/components/sales-stats/AddonsTab.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/sales-stats/AddonsTab.tsx b/src/components/sales-stats/AddonsTab.tsx
index 0f13c8d..0e6fbec 100644
--- a/src/components/sales-stats/AddonsTab.tsx
+++ b/src/components/sales-stats/AddonsTab.tsx
@@ -8,8 +8,8 @@ import { SALES_STATS } from '../../constants/salesStats';
 import { useCurrency } from '../../hooks/useCurrency';
 import { StatCard } from '../stats';
 
+import { BreakdownList } from './BreakdownList';
 import { DualAreaChart } from './DualAreaChart';
-import { SimpleBarChart } from './SimpleBarChart';
 
 interface AddonsTabProps {
   params: SalesStatsParams;
@@ -51,8 +51,9 @@ export function AddonsTab({ params }: AddonsTabProps) {
     return <div className="py-8 text-center text-error-400">{t('admin.salesStats.loadError')}</div>;
   }
 
-  const packageBarData = data.by_package.map((item) => ({
-    name: `${item.traffic_gb} GB`,
+  const packageBreakdown = data.by_package.map((item) => ({
+    key: String(item.traffic_gb),
+    label: `${item.traffic_gb} GB`,
     value: item.count,
   }));
 
@@ -84,7 +85,7 @@ export function AddonsTab({ params }: AddonsTabProps) {
       </div>
 
       <div className="grid grid-cols-1 gap-4 lg:grid-cols-2">
-        <SimpleBarChart data={packageBarData} title={t('admin.salesStats.addons.byPackage')} />
+        <BreakdownList title={t('admin.salesStats.addons.byPackage')} items={packageBreakdown} />
         <DualAreaChart
           data={dailyChartData}
           title={t('admin.salesStats.addons.dailyChart')}