Fetch events from homepage

src/components/homePage/eventList.jsx

@@ -1,20 +1,9 @@
-import { useMemo, useEffect, useState } from "react";
+import { useMemo } from "react";
 import styles from "./eventList.module.css";
 import formatDateLetter from "../../utils/date/formatDateLetter.js";
-import getAllEvents from "../../utils/event/getAllEvents.js";
 
 
-function EventList() {
+function EventList({ events }) {
-
-    const [events, setEvents] = useState([]);
-
-    useEffect(() => {
-        (async () => {
-            const data = await getAllEvents();
-            setEvents(data.data);
-            console.log(data.data);
-        }) ()
-    }, [])
 
     const sortedEvents = useMemo(() => {
         return [...events].sort(

src/pages/Home/HomePage.jsx

@@ -1,13 +1,24 @@
 import styles from "./HomePage.module.css";
 import Calendar from "../../components/homePage/calendar.jsx";
 import EventList from "../../components/homePage/eventList.jsx";
+import { useState, useEffect } from "react";
+import getAllEvents from "../../utils/event/getAllEvents.js";
 
 function HomePage() {
+
+    const [events, setEvents] = useState([]);
+
+    useEffect(() => {
+        (async () => {
+            const data = await getAllEvents();
+            setEvents(data.data);
+        }) ()
+    }, [])
+
     return (
         <div className={styles.allContent}>
-            <Calendar />
+            <Calendar events={events} />
-
+            <EventList events={events} />
-            <EventList />
         </div>
     );
 }