import { Head } from '@inertiajs/react'; import { ConfigurableTable } from '@/components/ui/configurable-table'; import { AdminLayout } from '@/layouts/admin-layout'; type DashboardProps = { stats: { categories: number; products: number; published_products: number; media_items: number; }; latestProducts: Array<{ id: number; name: string; status: string; category: string | null; created_at: string | null; }>; }; export default function Dashboard({ stats, latestProducts }: DashboardProps) { return (

Catalog Dashboard

Phase 1 administration foundation for categories, products, and media.

{latestProducts.map((product) => (

{product.name}

Category:{' '} {product.category || 'Uncategorized'}

Status: {product.status}

Created: {product.created_at || '-'}

))}
{latestProducts.map((product) => ( ))}
Product Category Status Created
{product.name} {product.category || 'Uncategorized'} {product.status} {product.created_at || '-'}
); } function StatCard({ label, value }: { label: string; value: number }) { return (

{label}

{value}

); }