fix: Ajout d'un message de confirmation lors de la suppression d'un

master template docuseal

Front-End/src/components/Structure/Files/FilesGroupsManagement.js

@@ -27,6 +27,8 @@ import RegistrationFileGroupForm from '@/components/Structure/Files/Registration
 import logger from '@/utils/logger';
 import ParentFilesSection from '@/components/Structure/Files/ParentFilesSection';
 import SectionHeader from '@/components/SectionHeader';
+import Popup from '@/components/Popup';
+import Loader from '@/components/Loader';
 
 export default function FilesGroupsManagement({
   csrfToken,
@@ -43,10 +45,13 @@ export default function FilesGroupsManagement({
   const [isGroupModalOpen, setIsGroupModalOpen] = useState(false);
   const [groupToEdit, setGroupToEdit] = useState(null);
   const [reloadTemplates, setReloadTemplates] = useState(false);
-  const [editingDocumentId, setEditingDocumentId] = useState(null);
-  const [formData, setFormData] = useState({});
 
-  const [uploadedFileName, setUploadedFileName] = useState('');
+  const [popupVisible, setPopupVisible] = useState(false);
+  const [popupMessage, setPopupMessage] = useState('');
+  const [removePopupVisible, setRemovePopupVisible] = useState(false);
+  const [removePopupMessage, setRemovePopupMessage] = useState('');
+  const [removePopupOnConfirm, setRemovePopupOnConfirm] = useState(() => {});
+  const [isLoading, setIsLoading] = useState(false);
 
   const handleReloadTemplates = () => {
     setReloadTemplates(true);
@@ -101,6 +106,12 @@ export default function FilesGroupsManagement({
   }, [reloadTemplates, selectedEstablishmentId]);
 
   const deleteTemplateMaster = (templateMaster) => {
+    setRemovePopupVisible(true);
+    setRemovePopupMessage(
+      `Attentions ! \nVous êtes sur le point de supprimer le document "${templateMaster.name}".\nÊtes-vous sûr(e) de vouloir poursuivre l'opération ?`
+    );
+    setRemovePopupOnConfirm(() => () => {
+      setIsLoading(true);
       // Supprimer les clones associés via l'API DocuSeal
       const removeClonesPromises = schoolFileTemplates
         .filter((template) => template.master === templateMaster.id)
@@ -125,30 +136,48 @@ export default function FilesGroupsManagement({
                       (fichier) => fichier.id !== templateMaster.id
                     )
                   );
-                alert('Fichier supprimé avec succès.');
+                  setPopupMessage(
-              } else {
+                    `Le document "${templateMaster.name}" a été correctement supprimé.`
-                alert(
-                  'Erreur lors de la suppression du fichier dans la base de données.'
                   );
+                  setPopupVisible(true);
+                  setRemovePopupVisible(false);
+                  setIsLoading(false);
+                } else {
+                  setPopupMessage(
+                    `Erreur lors de la suppression du document "${templateMaster.name}".`
+                  );
+                  setPopupVisible(true);
+                  setRemovePopupVisible(false);
+                  setIsLoading(false);
                 }
               })
               .catch((error) => {
                 console.error('Error deleting file from database:', error);
-              alert(
+                setPopupMessage(
-                'Erreur lors de la suppression du fichier dans la base de données.'
+                  `Erreur lors de la suppression du document "${templateMaster.name}".`
                 );
+                setPopupVisible(true);
+                setRemovePopupVisible(false);
+                setIsLoading(false);
               });
           } else {
-          alert(
+            setPopupMessage(
-            'Erreur lors de la suppression du master ou des clones dans DocuSeal.'
+              `Erreur lors de la suppression du document "${templateMaster.name}".`
             );
+            setPopupVisible(true);
+            setRemovePopupVisible(false);
+            setIsLoading(false);
           }
         })
         .catch((error) => {
           console.error('Error removing template from DocuSeal:', error);
-        alert(
+          setPopupMessage(
-          'Erreur lors de la suppression du master ou des clones dans DocuSeal.'
+            `Erreur lors de la suppression du document "${templateMaster.name}".`
           );
+          setPopupVisible(true);
+          setRemovePopupVisible(false);
+          setIsLoading(false);
+        });
     });
   };
 
@@ -428,6 +457,10 @@ export default function FilesGroupsManagement({
     },
   ];
 
+  if (isLoading) {
+    return <Loader />;
+  }
+
   return (
     <div className="w-full mx-auto mt-6">
       {/* Modal pour les fichiers */}
@@ -506,6 +539,20 @@ export default function FilesGroupsManagement({
         handleEdit={handleEdit}
         handleDelete={handleDelete}
       />
+
+      <Popup
+        visible={popupVisible}
+        message={popupMessage}
+        onConfirm={() => setPopupVisible(false)}
+        onCancel={() => setPopupVisible(false)}
+        uniqueConfirmButton={true}
+      />
+      <Popup
+        visible={removePopupVisible}
+        message={removePopupMessage}
+        onConfirm={removePopupOnConfirm}
+        onCancel={() => setRemovePopupVisible(false)}
+      />
     </div>
   );
 }