Implementation de la notion d'espace d'investissement

frontend/src/components/RembFormModal.jsx

@@ -71,6 +71,7 @@ export default function RembFormModal({
   investissementOptions = [],
   multiDetenteur = false,
   confirmingDelete, setConfirmingDelete,
+  submitting = false,
 }) {
   const isBonus = !locked && BONUS_VALUES.includes(form.investissement_id);
   const isInteretsPlateforme = !locked && form.investissement_id === INTERETS_PLATEFORME_VALUE;
@@ -128,12 +129,13 @@ export default function RembFormModal({
       title={modalTitle}
       onClose={onClose}
       width={900}
+      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>
               ) : (
@@ -141,14 +143,16 @@ export default function RembFormModal({
                   <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 onClick={onClose}>Annuler</button>
-          <button className="primary" onClick={onSubmit}>{editingId ? 'Enregistrer' : 'Créer'}</button>
+          <button disabled={submitting} onClick={onClose}>Annuler</button>
+          <button className="primary" disabled={submitting} onClick={onSubmit}>
+            {submitting ? (editingId ? 'Enregistrement…' : 'Création…') : (editingId ? 'Enregistrer' : 'Créer')}
+          </button>
         </div>
       }
     >