import { Head } from '@inertiajs/react'; import Heading from '@/components/heading'; import { dashboard } from '@/routes'; import { financial } from '@/routes/admin/dashboards'; import { DashboardExportButtons, DashboardFiltersBar, type DashboardFilters, type FilterOptions, } from './dashboard-filters'; import { KpiCard, LineChart } from './dashboard-widgets'; import { ExpiringContractsModal, type ExpiringContract } from './expiring-contracts-modal'; type Overview = { period: { type: string; label: string; fiscal_year: number }; kpis: { revenue: string; cash_collected: string; receivables: string; payables: string; expenses: string; net: string; treasury: string; pending_invoices: number; }; trend: Array<{ key: string; label: string; revenue: string; expenses: string }>; }; export default function DashboardsFinancial({ overview, filters, filterOptions, can, expiringContracts, }: { overview: Overview; filters: DashboardFilters; filterOptions: FilterOptions; can: { export: boolean }; expiringContracts?: ExpiringContract[]; }) { const netTone = Number(overview.kpis.net) >= 0 ? 'positive' : 'negative'; const treasuryTone = Number(overview.kpis.treasury) >= 0 ? 'positive' : 'negative'; return ( <>

Évolution CA vs charges

Courbes comparatives sur {overview.period.label}

); } DashboardsFinancial.layout = { breadcrumbs: [ { title: 'Tableau de bord', href: dashboard() }, { title: 'Suivi Financier', href: financial() }, ], };