Fix refresh issue

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>

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);