Rename EventDetails page component files

src/pages/EventDetail/components/DeleteTaskBtn/DeleteTaskBtn.jsx

@@ -0,0 +1,28 @@
+import { useContext } from "react";
+import { AuthContext } from "../../../../contexts/Auth/AuthContext.js";
+import { EventDetailContext } from "../../../../contexts/EventDetail/EventDetailContext.js";
+import Button from "../../../../components/ui/Button/Button";
+import { useState } from "react";
+import Modal from "../../../../components/ui/Modal/Modal";
+import styles from "../../EventDetail.module.css";
+
+export default function DeleteTaskBtn({ taskId, eventId, taskName }) {
+
+    const { user } = useContext(AuthContext)
+    const { deleteTask } = useContext(EventDetailContext)
+
+    const [openModal, setOpenModal] = useState(false);
+
+    if(!user?.isAdmin) return null;
+
+    return <>
+        <Button variant={"danger"} onClick={() => setOpenModal(true)}> Supprimer </Button>
+
+        <Modal open={openModal} onClose={setOpenModal} title={"Suppression"}>
+            <div className={styles.modalContent}>
+                <p className={styles.modalContent}>Etes-vous sur de vouloir supprimer la tâche {taskName} ? </p>
+                <Button variant={"danger"} onClick={() => { deleteTask(taskId, eventId); setOpenModal(false) }}> Confirmer </Button>
+            </div>
+        </Modal>
+    </>
+}