Create eventDetail context

src/contexts/eventDetail/eventDetail.js

@@ -0,0 +1,3 @@
+import { createContext } from "react";
+
+export const EventDetailContext = createContext(null);

src/contexts/eventDetail/eventDetailProvider.jsx

@@ -0,0 +1,21 @@
+import {useState} from 'react';
+import { EventDetailContext } from "./eventDetail.js"
+import getEventById from "../../utils/events/getEventById.js";
+
+export function EventDetailProvider({ children }) {
+
+    const [tasks, setTasks] = useState([]);
+    const [eventInfo, setEventInfo] = useState([]);
+
+    const updateEventInfo = async (id) => {
+        const e = await getEventById(id);
+        setEventInfo(e);
+        setTasks(e.tasks)
+    }
+
+    return (
+        <EventDetailContext.Provider value={{ tasks, eventInfo, updateEventInfo }}>
+            {children}
+        </EventDetailContext.Provider>
+    );
+}