Add delete event method

src/pages/eventDetail/eventDetail.jsx

@@ -7,6 +7,8 @@ import EventTask from "../../components/eventTask/EventTask.jsx";
 import Button from "../../components/ui/button/button.jsx";
 import Modal from "../../components/ui/modal/modal.jsx";
 import { AuthContext } from "../../contexts/auth/AuthContext.js";
+import deleteEvent from "../../utils/events/deleteEvent.js";
+import { useNavigate } from "react-router";
 
 
 function EventDetail() {
@@ -14,6 +16,7 @@ function EventDetail() {
     const params = useParams();
     const id = params.id;
     const { user } = useContext(AuthContext)
+    const navigate = useNavigate();
 
     const [open, setOpen] = useState(false);
     const [event, setEvent] = useState(null);
@@ -30,6 +33,15 @@ function EventDetail() {
         setOpen(true);
     }
 
+    const delEvent = async () => {
+        const result = await deleteEvent(id);
+
+        if (result.status === 200 || result.status === 204) {
+            setOpen(false);
+            navigate("/events");
+        }
+    }
+
     return (
         <div className={styles.allContent}>
             <div className={`glassCard`}>
@@ -59,7 +71,7 @@ function EventDetail() {
                 <div className={styles.modalContent}>
                     <p>Etes-vous sur de vouloir supprimer l'événement {event?.name} ?</p>
 
-                    <Button variant={"default"}>Confirmer</Button>
+                    <Button variant={"default"} onClick={delEvent}>Confirmer</Button>
                 </div>
             </Modal>
         </div>