Show modal on modify + split component

src/utils/users/modifyRole.js

@@ -1,30 +1,33 @@
 import getXSRFToken from "../getXSRF.js";
 
+
 export default async function modifyRole(role, userId) {
-
-    const csrfToken = await getXSRFToken();
-
     try {
-        const res = await fetch(`${import.meta.env.VITE_API_URL}/api/users/${userId}/role`, {
-            method: 'POST',
-            credentials: 'include',
-            headers: {
-                'Accept': 'application/json',
-                'X-XSRF-TOKEN': csrfToken,
-                'Content-Type': 'application/json',
-            },
-            body: JSON.stringify({
-                role: role,
-            })
-        });
+        const csrfToken = await getXSRFToken();
+
+        const res = await fetch(
+            `${import.meta.env.VITE_API_URL}/api/users/${userId}/role`,
+            {
+                method: 'POST',
+                credentials: 'include',
+                headers: {
+                    'Accept': 'application/json',
+                    'X-XSRF-TOKEN': csrfToken,
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ role }),
+            }
+        );
+
+        const data = await res.json();
 
         if (!res.ok) {
-            throw new Error(`Erreur serveur : ${res.status}`);
+            return { success: false, error: data.message ?? "Erreur serveur" };
         }
 
-        return await res.json();
+        return { success: true, data };
     } catch (err) {
-        console.error('Erreur :', err);
-        return null;
+        console.error(err);
+        return { success: false, error: "Erreur réseau" };
     }
-}
+}