import { Head } from '@inertiajs/react'; import { Users, ShoppingCart, Package, Tag, Layers } from 'lucide-react'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import AppLayout from '@/layouts/app-layout'; import adminRoutes from '@/routes/admin'; import type { BreadcrumbItem } from '@/types'; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Admin', href: adminRoutes.dashboard().url }, ]; interface Stats { users: number; orders: number; products: number; brands: number; categories: number; } export default function AdminDashboard({ stats }: { stats: Stats }) { const cards = [ { title: 'Users', value: stats.users, icon: Users, href: adminRoutes.users.index().url }, { title: 'Orders', value: stats.orders, icon: ShoppingCart, href: adminRoutes.orders.index().url }, { title: 'Products', value: stats.products, icon: Package, href: adminRoutes.products.index().url }, { title: 'Categories', value: stats.categories, icon: Layers, href: adminRoutes.categories.index().url }, { title: 'Brands', value: stats.brands, icon: Tag, href: adminRoutes.brands.index().url }, ]; return (

Admin Dashboard

{cards.map(({ title, value, icon: Icon, href }) => ( {title}

{value.toLocaleString()}

))}

); }