Add unassign btn

src/components/eventTask/EventTask.jsx

@@ -2,6 +2,7 @@ import styles from "./eventTask.module.css";
 import { formatDateLetter } from "../../utils/date/formatDateLetter.js";
 import Button from "../ui/button/button.jsx";
 import assign from "../../utils/tasks/assign.js";
+import unAssign from "../../utils/tasks/unAssign.js";
 import { useEffect, useState } from "react";
 import isAssigned from "../../utils/tasks/isAssigned.js";
 import Modal from "../ui/modal/modal.jsx";
@@ -24,13 +25,13 @@ export default function EventTask({ task, index }) {
 
     const handleRegisterBtn = async () => {
         const res = await assign(task.id);
-        checkAssign();
 
         switch (res.status) {
             case 200:
                 setTitle("Inscription réussie")
                 setMessage(`Vous êtes maintenant inscrit à la tâche ${task.name}`);
                 setOpen(true);
+                setAssigned(true);
                 break;
 
             case 409:
@@ -47,6 +48,25 @@ export default function EventTask({ task, index }) {
         }
     };
 
+    const handleUnassign = async () => {
+        const res = await unAssign(task.id);
+
+        switch (res.status) {
+            case 200:
+                setTitle("Désinscription réussie")
+                setMessage(`Vous n'êtes plus inscrit à la tâche ${task.name}`);
+                setOpen(true);
+                setAssigned(false);
+                break;
+
+            case 409:
+                setTitle("Erreur lors de la désinscription")
+                setMessage(`Vous n'êtes pas inscrit à cette tâche`);
+                setOpen(true);
+                break;
+        }
+    };
+
     return <div style={{"--i": index}} key={index} className={styles.content}>
         <div className={styles.task}>
             <div>
@@ -55,9 +75,9 @@ export default function EventTask({ task, index }) {
                 <p>{task.description}</p>
             </div>
             {assigned ?
-                <Button variant={"danger"} onClick={() => handleRegisterBtn(task.id)}> Se désinscrire </Button>
+                <Button variant={"danger"} onClick={() => handleUnassign()}> Se désinscrire </Button>
             :
-                <Button onClick={() => handleRegisterBtn(task.id)}> S’inscrire </Button>
+                <Button onClick={() => handleRegisterBtn()}> S’inscrire </Button>
             }
         </div>