Implementation de la notion d'espace d'investissement

frontend/src/components/MouvementsShared.jsx

@@ -1,6 +1,7 @@
 import { useEffect, useRef, useState } from 'react';
 import * as XLSX from 'xlsx';
 import { fmtEUR, fmtDate, today } from '../utils/format.js';
+import { useAsyncAction } from '../hooks/useAsyncAction.js';
 
 /* ── Éléments partagés entre l'onglet "Mouvements" de DepotsRetraits.jsx et l'onglet
    "Mouvements Porte-monnaie" de Plateformes.jsx. Toute évolution ici s'applique aux deux
@@ -695,9 +696,10 @@ export function CorrectionModal({ open, onClose, onConfirm,
   const diff = Math.round((Number(declared) - computedBalance) * 100) / 100;
   const hasDiff = Math.abs(diff) >= 0.005;
 
-  const handleConfirm = () => {
-    onConfirm(hasDiff ? diff : 0);
-  };
+  // Anti-double-soumission (cf. useAsyncAction) : évite de créer deux fois la même correction
+  // sur un double-clic / une connexion lente, avant que la modale ne se ferme.
+  const { run, pending } = useAsyncAction();
+  const handleConfirm = () => run(() => onConfirm(hasDiff ? diff : 0));
 
   if (!open) return null;
   return (
@@ -773,9 +775,9 @@ export function CorrectionModal({ open, onClose, onConfirm,
         )}
 
         <div style={{ display: 'flex', gap: 8, justifyContent: 'flex-end', marginTop: 8 }}>
-          <button onClick={onClose}>Passer</button>
-          <button className="primary" onClick={handleConfirm}>
-            {hasDiff ? 'Créer la correction' : 'OK'}
+          <button disabled={pending} onClick={onClose}>Passer</button>
+          <button className="primary" disabled={pending} onClick={handleConfirm}>
+            {pending ? '…' : (hasDiff ? 'Créer la correction' : 'OK')}
           </button>
         </div>
       </div>