Update event info when assign other user

src/pages/EventDetail/components/AssignUserBtn/AssignUserBtn.tsx

@@ -9,18 +9,21 @@ import styles from "./AssignUserBtn.module.css";
 import {AuthContext} from "../../../../contexts/Auth/AuthContext";
 import assignOtherUser from "../../../../utils/tasks/assignOtherUser";
 import unAssignOtherUser from "../../../../utils/tasks/unAssignOtherUser";
+import {EventDetailContext} from "../../../../contexts/EventDetail/EventDetailContext";
 
 interface AssignUserBtnProps {
     taskId: string | number;
+    eventId: string | number;
 }
 
-export default function AssignUserBtn({ taskId }: AssignUserBtnProps): ReactNode {
+export default function AssignUserBtn({ taskId, eventId }: AssignUserBtnProps): ReactNode {
 
     const [open, setOpen] = useState<boolean>(false);
     const [users, setUsers] = useState<Array<User>>([]);
     const [loading, setLoading] = useState<boolean>(true);
 
     const { user } = useContext(AuthContext) as any;
+    const { updateEventInfo } = useContext(EventDetailContext) as any;
 
     if (!user?.isAdmin) return null;
 
@@ -57,11 +60,13 @@ export default function AssignUserBtn({ taskId }: AssignUserBtnProps): ReactNode
 
     const handleAssign = async (selectedUser: User) => {
         await assignOtherUser(taskId as number, selectedUser.id);
+        updateEventInfo(eventId)
         setOpen(false);
     };
 
     const handleUnassign = async (selectedUser: User) => {
         await unAssignOtherUser(taskId as number, selectedUser.id);
+        updateEventInfo(eventId)
         setOpen(false);
     };
 

src/pages/EventDetail/components/EventTask/EventTask.tsx

@@ -141,7 +141,7 @@ export default function EventTask({ taskId, index }: EventTaskProps) {
                         taskName={task.name}
                     />
 
-                    <AssignUserBtn taskId={task.id} />
+                    <AssignUserBtn taskId={task.id} eventId={eventId} />
                 </div>
             </div>