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

@@ -1,17 +1,20 @@
-import { StrictMode } from 'react'
+import {StrictMode} from 'react'
-import { createRoot } from 'react-dom/client'
+import {createRoot} from 'react-dom/client'
 import './index.css'
-import { RouterProvider } from "react-router";
+import {RouterProvider} from "react-router";
 import router from './router';
-import { AuthProvider } from "./contexts/auth/authProvider.jsx";
+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>
-                <RouterProvider router={router} />
+                <EventDetailProvider>
+                    <RouterProvider router={router}/>
+                </EventDetailProvider>
             </EventProvider>
         </AuthProvider>
     </StrictMode>,