website refactor

apps/website/components/admin/AdminStatsPanel.tsx

@@ -1,14 +1,14 @@
 'use client';
 
-import { Grid } from '@/ui/primitives/Grid';
-import { StatCard } from '@/ui/StatCard';
+import { StatGrid } from '@/ui/StatGrid';
 import { LucideIcon } from 'lucide-react';
+import React from 'react';
 
 interface AdminStat {
   label: string;
   value: string | number;
   icon: LucideIcon;
-  variant?: 'blue' | 'purple' | 'green' | 'orange';
+  intent?: 'primary' | 'success' | 'warning' | 'critical' | 'telemetry';
   trend?: {
     value: number;
     isPositive: boolean;
@@ -27,18 +27,10 @@ interface AdminStatsPanelProps {
  */
 export function AdminStatsPanel({ stats }: AdminStatsPanelProps) {
   return (
-    <Grid cols={1} mdCols={2} lgCols={4} gap={4}>
-      {stats.map((stat, index) => (
-        <StatCard
-          key={stat.label}
-          label={stat.label}
-          value={stat.value}
-          icon={stat.icon}
-          variant={stat.variant}
-          trend={stat.trend}
-          delay={index * 0.05}
-        />
-      ))}
-    </Grid>
+    <StatGrid
+      stats={stats}
+      columns={{ base: 1, md: 2, lg: 4 }}
+      variant="card"
+    />
   );
 }