import { Head, usePage } from '@inertiajs/react'; import { DashboardChartCard } from '@/features/dashboard/components/dashboard-chart-panel'; import { DashboardStatWidget } from '@/features/dashboard/components/dashboard-stat-widget'; import type { DashboardPayload } from '@/features/dashboard/types'; import { useI18n } from '@/hooks/use-i18n'; import type { Auth } from '@/types'; export default function AdminDashboard({ dashboard }: { dashboard: DashboardPayload }) { const { t, locale } = useI18n(); const { auth } = usePage<{ auth: Auth }>().props; const formatDateTick = (iso: string) => new Intl.DateTimeFormat(locale, { month: 'short', day: 'numeric' }).format( new Date(`${iso}T12:00:00`), ); const formatStatusLabel = (status: string) => t(`dashboard.charts.account_status.${status}`); return ( <>

ContaFlow

{t(dashboard.title_key)}

{t(dashboard.subtitle_key)}

{auth?.user?.name ? (

{auth.user.name}

) : null}

{dashboard.widgets.map((w) => ( ))}

{dashboard.charts.map((chart) => ( ))}

); }