import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import { Head, Link } from '@inertiajs/react'; import { StatCard } from '@/Components/ui/stat-card'; import { Badge } from '@/Components/ui/badge'; import { formatCurrency, formatDate } from '@/lib/utils'; import { BarChart, Bar, XAxis, YAxis, Tooltip, ResponsiveContainer } from 'recharts'; export default function Dashboard({ stats, recentActivity, overdueList, upcomingReminders, spendBySupplier, monthlySpend }: any) { return (

0 ? 'text-red-600' : 'text-foreground'} />

Spend by Supplier

formatCurrency(v)} />

Monthly Spend

formatCurrency(v)} />

{overdueList.length > 0 && (

⚠ Overdue POs

{overdueList.map((po: any) => (

{po.po_number}

{po.supplier?.name}

))}

)}

Recent Activity

{recentActivity.slice(0,8).map((a: any) => (

{a.description}

{formatDate(a.created_at)}

{a.amount &&

{formatCurrency(a.amount)}

}

))}

); }