DeleteTask feature

src/pages/eventDetail/components/EventTask/EventTask.jsx

@@ -3,11 +3,15 @@ import { formatDateLetter } from "../../../../utils/date/formatDateLetter.js";
 import Button from "../../../../components/ui/button/button.jsx";
 import assign from "../../../../utils/tasks/assign.js";
 import unAssign from "../../../../utils/tasks/unAssign.js";
-import { useEffect, useState } from "react";
+import { useContext, useEffect, useState } from "react";
 import isAssigned from "../../../../utils/tasks/isAssigned.js";
 import Modal from "../../../../components/ui/modal/modal.jsx";
+import { AuthContext } from "../../../../contexts/auth/AuthContext.js";
+import DeleteTaskBtn from "../deleteTaskBtn/deleteTaskBtn.jsx";
 
-export default function EventTask({ task, index }) {
+export default function EventTask({ task, index, eventId }) {
+
+    const { user } = useContext(AuthContext)
 
     const [assigned, setAssigned] = useState(false);
     const [open, setOpen] = useState(false);
@@ -23,6 +27,7 @@ export default function EventTask({ task, index }) {
         checkAssign();
     }, [])
 
+
     const handleRegisterBtn = async () => {
         const res = await assign(task.id);
 
@@ -74,11 +79,14 @@ export default function EventTask({ task, index }) {
                 <p className={styles.taskDate}> {formatDateLetter(task.start)} - {formatDateLetter(task.end)} </p>
                 <p>{task.description}</p>
             </div>
-            {assigned ?
-                <Button variant={"danger"} onClick={() => handleUnassign()}> Se désinscrire </Button>
-            :
-                <Button onClick={() => handleRegisterBtn()}> S’inscrire </Button>
-            }
+            <div className={styles.manageTaskBtn}>
+                {assigned ?
+                    <Button variant={"danger"} onClick={() => handleUnassign()}> Se désinscrire </Button>
+                    :
+                    <Button onClick={() => handleRegisterBtn()}> S’inscrire </Button>
+                }
+                <DeleteTaskBtn eventId={eventId} taskId={task.id} taskName={task.name} />
+            </div>
         </div>
 
         <Modal open={open} onClose={setOpen} title={title}>