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/events/getAllEvents.js";

function HomePage() {

    const [events, setEvents] = useState([]);

    useEffect(() => {
        (async () => {
            const data = await getAllEvents();
            setEvents(data.data);
        }) ()
    }, [])

    return (
        <div className={styles.allContent}>
            <Calendar events={events} />
            <EventList events={events} />
        </div>
    );
}

export default HomePage;