VIL-316 Paramétrer les phases

parlemonde · Apr 25, 2024 · 4645aa2 · 4645aa2
1 parent a1f107a
commit 4645aa2
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 9 deletions.
diff --git a/src/api/villages/villages.put.ts b/src/api/villages/villages.put.ts
@@ -24,8 +24,8 @@ export const useUpdateVillage = (args: { id: number; villageData: Partial<Villag
 
 export const useUpdateVillages = () => {
   return useMutation({
-    mutationFn: (village: { id: number; villageData: Partial<Village> }) => {
-      return updateVillage(village.id, village.villageData);
+    mutationFn: async (village: { id: number; villageData: Partial<Village> }) => {
+      return await updateVillage(village.id, village.villageData);
     },
   });
 };
diff --git a/src/components/admin/manage/settings/SavePhasesModal.tsx b/src/components/admin/manage/settings/SavePhasesModal.tsx
@@ -1,5 +1,5 @@
 import { useSnackbar } from 'notistack';
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 
 import { useUpdateVillages } from 'src/api/villages/villages.put';
 import { Modal } from 'src/components/Modal';
@@ -16,25 +16,34 @@ export function SavePhasesModal({ villagePhases, isModalOpen, setIsModalOpen }:
   const updateVillages = useUpdateVillages();
   const { enqueueSnackbar } = useSnackbar();
 
-  const handleConfirm = (villagePhases: { [villageId: number]: VillagePhase }) => {
-    setIsModalLoading(true);
+  const handleConfirm = async (villagePhases: { [villageId: number]: VillagePhase }) => {
+    const promises = [];
     for (const key in villagePhases) {
       const villageId: number = +key;
-      updateVillages.mutate({ id: villageId, villageData: { activePhase: villagePhases[villageId] } });
+      promises.push(updateVillages.mutateAsync({ id: villageId, villageData: { activePhase: villagePhases[villageId] } }));
+    }
+    await Promise.allSettled(promises);
+  };
+
+  useEffect(() => {
+    if (updateVillages.isLoading) {
+      setIsModalLoading(true);
     }
     if (updateVillages.isSuccess) {
       enqueueSnackbar('Modifications enregistrées !', {
         variant: 'success',
       });
+      setIsModalOpen(false);
+      setIsModalLoading(false);
     }
     if (updateVillages.isError) {
       enqueueSnackbar("Une erreur s'est produite lors de la modifications !", {
         variant: 'error',
       });
+      setIsModalOpen(false);
+      setIsModalLoading(false);
     }
-    setIsModalOpen(false);
-    setIsModalLoading(false);
-  };
+  }, [updateVillages.isLoading, updateVillages.isSuccess, updateVillages.isError, setIsModalOpen, enqueueSnackbar]);
 
   return (
     <Modal