From 622ec318da6eac1cef92c95f244159825345a5e1 Mon Sep 17 00:00:00 2001
From: c0mrade <killmy666@gmail.com>
Date: Tue, 2 Jun 2026 15:39:25 +0300
Subject: [PATCH] =?UTF-8?q?fix(sales-stats):=20=D1=80=D0=BE=D0=B2=D0=BD?=
 =?UTF-8?q?=D1=8B=D0=B5=20=D0=B8=D0=BA=D0=BE=D0=BD=D0=BA=D0=B8=20=D0=B2=20?=
 =?UTF-8?q?=D0=BA=D0=B0=D1=80=D1=82=D0=BE=D1=87=D0=BA=D0=B0=D1=85=20+=20?=
 =?UTF-8?q?=D0=BD=D0=B5=20=D0=B4=D1=83=D0=B1=D0=BB=D0=B8=D1=80=D0=BE=D0=B2?=
 =?UTF-8?q?=D0=B0=D1=82=D1=8C=20=D0=B8=D0=BA=D0=BE=D0=BD=D0=BA=D1=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- StatCard: лейбл сверху, чип+значение в одной строке (чип центрируется ровно по
  значению, дельта ушла под строку) — иконки больше не «плавают» по вертикали
  из-за разной высоты карточек.
- «Активные подписки»: TicketIcon вместо SubscriptionIcon (та визуально как искра
  и дублировала «Новые триалы»).
---
 src/components/stats/StatCard.tsx | 20 +++++++++++---------
 src/pages/AdminSalesStats.tsx     |  4 ++--
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/components/stats/StatCard.tsx b/src/components/stats/StatCard.tsx
index 2cf3359..79f2600 100644
--- a/src/components/stats/StatCard.tsx
+++ b/src/components/stats/StatCard.tsx
@@ -42,7 +42,10 @@ export function StatCard({
 
   return (
     <div className="rounded-xl bg-dark-800/30 p-3 transition-colors hover:bg-dark-800/50">
-      <div className="flex items-center gap-2.5">
+      <div className="truncate text-xs text-dark-500 sm:text-sm">{label}</div>
+      {/* Chip is centred against the value line only (delta sits below the whole
+          row), so the icon lands in the same spot on every card. */}
+      <div className="mt-1.5 flex items-center gap-2.5">
         {icon && (
           <span
             className={`flex h-9 w-9 shrink-0 items-center justify-center rounded-lg ${toneStyle.chip}`}
@@ -50,16 +53,15 @@ export function StatCard({
             {icon}
           </span>
         )}
-        <div className="min-w-0 flex-1">
-          <div className="truncate text-xs text-dark-500 sm:text-sm">{label}</div>
-          <div className={`truncate text-base font-semibold sm:text-lg ${valueClass}`}>{value}</div>
-          {trendStyle && (
-            <div className={`mt-0.5 text-xs font-medium ${trendStyle.className}`}>
-              {trendStyle.arrow} {Math.abs(delta!.percent)}%
-            </div>
-          )}
+        <div className={`min-w-0 flex-1 truncate text-lg font-semibold sm:text-xl ${valueClass}`}>
+          {value}
         </div>
       </div>
+      {trendStyle && (
+        <div className={`mt-1.5 text-xs font-medium ${trendStyle.className}`}>
+          {trendStyle.arrow} {Math.abs(delta!.percent)}%
+        </div>
+      )}
     </div>
   );
 }
diff --git a/src/pages/AdminSalesStats.tsx b/src/pages/AdminSalesStats.tsx
index ed30235..89af97a 100644
--- a/src/pages/AdminSalesStats.tsx
+++ b/src/pages/AdminSalesStats.tsx
@@ -14,7 +14,7 @@ import {
   RepeatIcon,
   RocketIcon,
   SparklesIcon,
-  SubscriptionIcon,
+  TicketIcon,
   WalletIcon,
 } from '../components/icons';
 import { StatCard } from '../components/stats';
@@ -165,7 +165,7 @@ export default function AdminSalesStats() {
         <StatCard
           label={t('admin.salesStats.summary.activeSubs')}
           value={summaryLoading ? '...' : (summary?.active_subscriptions ?? 0)}
-          icon={<SubscriptionIcon className="h-5 w-5" />}
+          icon={<TicketIcon className="h-5 w-5" />}
           tone="accent"
         />
         <StatCard