From e02094003c2214e2fe2ac409427d546454626c77 Mon Sep 17 00:00:00 2001
From: T'JAMPENS QUENTIN p2406187 <pyramond69@gmail.com>
Date: Fri, 27 Mar 2026 14:39:17 +0100
Subject: [PATCH] Fix refresh issue

---
 src/pages/EventDetail/EventDetailPage.tsx             |  2 +-
 .../EventDetail/components/EventTask/EventTask.tsx    | 11 ++++++++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/pages/EventDetail/EventDetailPage.tsx b/src/pages/EventDetail/EventDetailPage.tsx
index 9c76e8e..65e9a64 100644
--- a/src/pages/EventDetail/EventDetailPage.tsx
+++ b/src/pages/EventDetail/EventDetailPage.tsx
@@ -54,7 +54,7 @@ function EventDetailPage() {
 
                 <div className={styles.tasks}>
                     {tasks?.map((task: any, index: number) => (
-                        <EventTask task={task} key={index} eventId={id} index={index} />
+                        <EventTask key={task.id} taskId={task.id} index={index} />
                     ))}
                 </div>
             </div>
diff --git a/src/pages/EventDetail/components/EventTask/EventTask.tsx b/src/pages/EventDetail/components/EventTask/EventTask.tsx
index 0850a35..90955cf 100644
--- a/src/pages/EventDetail/components/EventTask/EventTask.tsx
+++ b/src/pages/EventDetail/components/EventTask/EventTask.tsx
@@ -7,18 +7,21 @@ import { useContext, useEffect, useState } from "react";
 import isAssigned from "../../../../utils/tasks/isAssigned";
 import Modal from "../../../../components/ui/Modal/Modal";
 import { AuthContext } from "../../../../contexts/Auth/AuthContext";
+import { EventDetailContext } from "../../../../contexts/EventDetail/EventDetailContext";
 import DeleteTaskBtn from "../DeleteTaskBtn/DeleteTaskBtn";
 import AssignUserBtn from "../AssignUserBtn/AssignUserBtn";
 
 type EventTaskProps = {
-    task: any;
+    taskId: number;
     index: number;
-    eventId: string | number;
 };
 
-export default function EventTask({ task, index, eventId }: EventTaskProps) {
+export default function EventTask({ taskId, index }: EventTaskProps) {
 
     const { update } = useContext(AuthContext) as any;
+    const { tasks, eventInfo, updateEventInfo } = useContext(EventDetailContext) as any;
+    const task = tasks?.find((t: any) => t.id === taskId);
+    const eventId = eventInfo?.id;
 
     const [assigned, setAssigned] = useState<boolean>(false);
     const [open, setOpen] = useState<boolean>(false);
@@ -40,6 +43,7 @@ export default function EventTask({ task, index, eventId }: EventTaskProps) {
         switch (res.status) {
             case 200:
                 update();
+                await updateEventInfo(eventId);
                 setTitle("Inscription réussie");
                 setMessage(`Vous êtes maintenant inscrit à la tâche ${task.name}`);
                 setOpen(true);
@@ -66,6 +70,7 @@ export default function EventTask({ task, index, eventId }: EventTaskProps) {
         switch (res.status) {
             case 200:
                 update();
+                await updateEventInfo(eventId);
                 setTitle("Désinscription réussie");
                 setMessage(`Vous n'êtes plus inscrit à la tâche ${task.name}`);
                 setOpen(true);