import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import { PageProps } from '@/types'; import { Head } from '@inertiajs/react'; type Props = PageProps<{ stats: { companies: number; contacts: number; activities: number; completedActivities: number; customers: number; estimatedPotential: number; }; activityByType: Array<{ type: string; label: string; total: number }>; topCities: Array<{ city: string; total: number }>; }>; export default function Statistics({ stats, activityByType, topCities }: Props) { const maxActivity = Math.max(...activityByType.map((item) => item.total), 1); const maxCity = Math.max(...topCities.map((item) => item.total), 1); const completionRate = stats.activities > 0 ? Math.round((stats.completedActivities / stats.activities) * 100) : 0; return (

Statistiques

Performance commerciale issue des données CRM enregistrées

} >

Activité par canal

Types d’interaction enregistrés

{activityByType.map((item, index) => ( ))}

Indicateurs clés

0 ? Math.round((stats.customers / stats.companies) * 100) : 0}%`} /> 0 ? (stats.activities / stats.contacts).toFixed(1) : '0'} />

Répartition par zone

{topCities.length === 0 && (

Aucune ville renseignée.

)} {topCities.map((city) => (
{city.city} {city.total}
))}
); } function Summary({ label, value }: { label: string; value: string }) { return (

{label}

{value}

); } function Bar({ label, value, width, color }: { label: string; value: number; width: number; color: string }) { return (
{label} {value}
0 ? 4 : 0)}%` }} />
); } function Indicator({ label, value }: { label: string; value: string }) { return (
{label} {value}
); } function formatNumber(value: number) { return new Intl.NumberFormat('fr-FR').format(value); } function formatCurrency(value: number) { return new Intl.NumberFormat('fr-FR', { style: 'currency', currency: 'EUR', maximumFractionDigits: 0, }).format(value); }