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 (
-
+
{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" />