Implementation de la notion d'espace d'investissement

frontend/src/components/FraisFormModal.jsx

@@ -44,6 +44,7 @@ export default function FraisFormModal({
   locked = false,
   investissementOptions = [],
   confirmingDelete, setConfirmingDelete,
+  submitting = false,
 }) {
   const modalTitle = editingId ? 'Modifier le frais' : 'Ajouter un frais';
 
@@ -53,12 +54,13 @@ export default function FraisFormModal({
       title={modalTitle}
       onClose={onClose}
       width={locked ? 480 : 560}
+      busy={submitting}
       footer={
         <div style={{ display: 'flex', alignItems: 'center', width: '100%', gap: 8 }}>
           <div style={{ flex: 1 }}>
             {editingId && onDelete && (
               !confirmingDelete ? (
-                <button className="danger" onClick={() => setConfirmingDelete(true)}>
+                <button className="danger" disabled={submitting} onClick={() => setConfirmingDelete(true)}>
                   Supprimer
                 </button>
               ) : (
@@ -66,14 +68,16 @@ export default function FraisFormModal({
                   <span style={{ fontSize: 13, color: 'var(--danger, #ef4444)', whiteSpace: 'nowrap' }}>
                     Supprimer définitivement ?
                   </span>
-                  <button onClick={() => setConfirmingDelete(false)}>Non</button>
-                  <button className="danger" onClick={onDelete}>Oui, supprimer</button>
+                  <button disabled={submitting} onClick={() => setConfirmingDelete(false)}>Non</button>
+                  <button className="danger" disabled={submitting} onClick={onDelete}>{submitting ? 'Suppression…' : 'Oui, supprimer'}</button>
                 </span>
               )
             )}
           </div>
-          <button className="ghost" onClick={onClose}>Annuler</button>
-          <button className="primary" onClick={onSubmit}>{editingId ? 'Enregistrer' : 'Ajouter'}</button>
+          <button className="ghost" disabled={submitting} onClick={onClose}>Annuler</button>
+          <button className="primary" disabled={submitting} onClick={onSubmit}>
+            {submitting ? (editingId ? 'Enregistrement…' : 'Ajout…') : (editingId ? 'Enregistrer' : 'Ajouter')}
+          </button>
         </div>
       }
     >