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

src/main.jsx

@@ -5,13 +5,16 @@ import { RouterProvider } from "react-router";
 import router from './router';
 import {AuthProvider} from "./contexts/auth/authProvider.jsx";
 import {EventProvider} from "./contexts/events/EventProvider.jsx";
+import {EventDetailProvider} from "./contexts/eventDetail/eventDetailProvider.jsx";
 
 
 createRoot(document.getElementById('root')).render(
     <StrictMode>
         <AuthProvider>
             <EventProvider>
+                <EventDetailProvider>
                     <RouterProvider router={router}/>
+                </EventDetailProvider>
             </EventProvider>
         </AuthProvider>
     </StrictMode>,