From 0c0ee9db371a79ba65d0bf435e3c7f12ff31fc52 Mon Sep 17 00:00:00 2001
From: Bivekich <biveki-dev@yandex.ru>
Date: Tue, 22 Jul 2025 14:56:42 +0300
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=BD=D0=BE=20=D1=81=D0=BE=D1=81=D1=82=D0=BE=D1=8F=D0=BD=D0=B8?=
 =?UTF-8?q?=D0=B5=20=D0=B4=D0=BB=D1=8F=20=D1=81=D0=B2=D0=BE=D1=80=D0=B0?=
 =?UTF-8?q?=D1=87=D0=B8=D0=B2=D0=B0=D0=BD=D0=B8=D1=8F=20=D0=B3=D1=80=D0=B0?=
 =?UTF-8?q?=D1=84=D0=B8=D0=BA=D0=B0=20=D0=B2=20=D0=BA=D0=BE=D0=BC=D0=BF?=
 =?UTF-8?q?=D0=BE=D0=BD=D0=B5=D0=BD=D1=82=20SalesTab.=20=D0=A0=D0=B5=D0=B0?=
 =?UTF-8?q?=D0=BB=D0=B8=D0=B7=D0=BE=D0=B2=D0=B0=D0=BD=D0=B0=20=D0=BA=D0=BD?=
 =?UTF-8?q?=D0=BE=D0=BF=D0=BA=D0=B0=20=D0=B4=D0=BB=D1=8F=20=D1=83=D0=BF?=
 =?UTF-8?q?=D1=80=D0=B0=D0=B2=D0=BB=D0=B5=D0=BD=D0=B8=D1=8F=20=D0=BE=D1=82?=
 =?UTF-8?q?=D0=BE=D0=B1=D1=80=D0=B0=D0=B6=D0=B5=D0=BD=D0=B8=D0=B5=D0=BC=20?=
 =?UTF-8?q?=D0=B3=D1=80=D0=B0=D1=84=D0=B8=D0=BA=D0=B0=20=D1=81=20=D0=B8?=
 =?UTF-8?q?=D0=BA=D0=BE=D0=BD=D0=BA=D0=B0=D0=BC=D0=B8=20Chevron.=20=D0=9E?=
 =?UTF-8?q?=D0=B1=D0=BD=D0=BE=D0=B2=D0=BB=D0=B5=D0=BD=D1=8B=20=D1=81=D1=82?=
 =?UTF-8?q?=D0=B8=D0=BB=D0=B8=20=D0=B8=20=D1=81=D1=82=D1=80=D1=83=D0=BA?=
 =?UTF-8?q?=D1=82=D1=83=D1=80=D0=B0=20=D0=BA=D0=BE=D0=B4=D0=B0=20=D0=B4?=
 =?UTF-8?q?=D0=BB=D1=8F=20=D1=83=D0=BB=D1=83=D1=87=D1=88=D0=B5=D0=BD=D0=B8?=
 =?UTF-8?q?=D1=8F=20=D0=B2=D0=B7=D0=B0=D0=B8=D0=BC=D0=BE=D0=B4=D0=B5=D0=B9?=
 =?UTF-8?q?=D1=81=D1=82=D0=B2=D0=B8=D1=8F=20=D1=81=20=D0=BF=D0=BE=D0=BB?=
 =?UTF-8?q?=D1=8C=D0=B7=D0=BE=D0=B2=D0=B0=D1=82=D0=B5=D0=BB=D0=B5=D0=BC.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../seller-statistics/sales-tab.tsx           | 34 ++++++++++++++++---
 1 file changed, 29 insertions(+), 5 deletions(-)

diff --git a/src/components/seller-statistics/sales-tab.tsx b/src/components/seller-statistics/sales-tab.tsx
index d1c5b28..c8d6310 100644
--- a/src/components/seller-statistics/sales-tab.tsx
+++ b/src/components/seller-statistics/sales-tab.tsx
@@ -7,7 +7,7 @@ import { Card } from '@/components/ui/card'
 import { Badge } from '@/components/ui/badge'
 import { Checkbox } from '@/components/ui/checkbox'
 import { Skeleton } from '@/components/ui/skeleton'
-import { TrendingUp, Info, BarChart3 } from 'lucide-react'
+import { TrendingUp, Info, BarChart3, ChevronDown, ChevronUp } from 'lucide-react'
 import {
   ChartConfig,
   ChartContainer,
@@ -330,6 +330,9 @@ export function SalesTab({ selectedPeriod, useCustomDates, startDate, endDate, o
   const [sortField, setSortField] = useState<string>('')
   const [sortDirection, setSortDirection] = useState<'asc' | 'desc'>('desc')
 
+  // Состояние для сворачивания графика
+  const [isChartCollapsed, setIsChartCollapsed] = useState(false)
+
   // Функция сортировки
   const handleSort = (field: string) => {
     if (sortField === field) {
@@ -455,11 +458,27 @@ export function SalesTab({ selectedPeriod, useCustomDates, startDate, endDate, o
   return (
     <div className="h-full flex flex-col space-y-2">
       {/* График с фильтрами */}
-      <Card className="glass-card p-3 flex-shrink-0 overflow-hidden" style={{ height: '380px' }}>
+      <Card 
+        className="glass-card p-3 flex-shrink-0 overflow-hidden transition-all duration-300" 
+        style={{ height: isChartCollapsed ? 'auto' : '380px' }}
+      >
         <div className="h-full flex flex-col min-h-0">
           {/* Заголовок с переключателями периода */}
           <div className="flex items-center justify-between mb-2">
-            <h3 className="text-white font-semibold">Динамика показателей</h3>
+            <div className="flex items-center gap-2">
+              <h3 className="text-white font-semibold">Динамика показателей</h3>
+              <button
+                onClick={() => setIsChartCollapsed(!isChartCollapsed)}
+                className="text-white/60 hover:text-white/80 hover:bg-white/10 p-1 rounded transition-all"
+                title={isChartCollapsed ? "Развернуть график" : "Свернуть график"}
+              >
+                {isChartCollapsed ? (
+                  <ChevronDown className="w-4 h-4" />
+                ) : (
+                  <ChevronUp className="w-4 h-4" />
+                )}
+              </button>
+            </div>
             
             {/* Переключатели периода */}
             <div className="flex items-center gap-2">
@@ -511,8 +530,11 @@ export function SalesTab({ selectedPeriod, useCustomDates, startDate, endDate, o
             </div>
           </div>
           
-          {/* Компактные чекбоксы для фильтрации */}
-          <div className="mb-2 pb-2 border-b border-white/10">
+          {/* Контент графика - показывается только если не свернут */}
+          {!isChartCollapsed && (
+            <>
+              {/* Компактные чекбоксы для фильтрации */}
+              <div className="mb-2 pb-2 border-b border-white/10">
             <div className="flex items-center justify-between mb-1">
               <span className="text-xs text-white/60">Показать на графике:</span>
                               <span className="text-xs text-blue-400 flex items-center gap-1">
@@ -640,6 +662,8 @@ export function SalesTab({ selectedPeriod, useCustomDates, startDate, endDate, o
               </BarChart>
             </ChartContainer>
           </div>
+            </>
+          )}
         </div>
       </Card>