Message lorsqu'aucun enregistrement présent

frontend/src/pages/Investissements.jsx

@@ -15,6 +15,7 @@ import DistributionChart from '../components/DistributionChart.jsx';
 import CapitalMensuelTable from '../components/CapitalMensuelTable.jsx';
 import { fmtEUR, fmtPct, fmtDate, fmtStatut, today } from '../utils/format.js';
 import * as XLSX from 'xlsx';
+import EmptyState from '../components/EmptyState.jsx';
 
 /* ── Constantes ──────────────────────────────────────────────── */
 const MOIS_FR = ['Janvier','Février','Mars','Avril','Mai','Juin','Juillet','Août','Septembre','Octobre','Novembre','Décembre'];
@@ -742,6 +743,12 @@ export default function Investissements() {
   const clearFilter = () => setFilter({ statut: '', plateforme_id: '', categorie_inv_id: '', secteur_inv_id: '', year: '', month: '' });
   const multiDetenteur = new Set(plats.map(p => p.investisseur_id)).size > 1;
 
+  if (!loading && plats.length === 0) return (
+    <>
+      <div className="topbar"><h2>Investissements</h2></div>
+      <EmptyState />
+    </>
+  );
   return (
     <>
       <div className="topbar">