+
{label}
+ {/* 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. */}
+
{icon && (
)}
-
-
{label}
-
{value}
- {trendStyle && (
-
- {trendStyle.arrow} {Math.abs(delta!.percent)}%
-
- )}
+
+ {value}
+ {trendStyle && (
+
+ {trendStyle.arrow} {Math.abs(delta!.percent)}%
+
+ )}
);
}
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() {
}
+ icon={
}
tone="accent"
/>