add of EventsPage

2025-11-09 19:55:15 +01:00
parent 7eaae67655
commit d11873d9f1
4 changed files with 2830 additions and 12 deletions
@@ -0,0 +1,57 @@
+import {useState} from "react";
+import Event from "../../components/Event/Event.jsx";
+import styles from "./EventsPage.module.css"
+
+
+
+function EventsPage(){
+    const [events, setEvents] = useState([
+        {
+            id : 1,
+            name : "Evénement 1",
+            description : "Voici le premier événement !",
+            image : null,
+            tasks : [{
+                name : "Tâche 1",
+                start : "ih",
+                end : "j",
+                place : "jb",
+                description : "ubu",
+                volunteers_count : 2
+            },
+            {
+                id : 2,
+                name : "Tâche 2",
+                start : "ih",
+                end : "j",
+                place : "jb",
+                description : "ubu",
+                volunteers_count : 2
+            }]
+        },
+        {
+            name : "Evénement 2",
+            description : "Voici le deuxième événement !",
+            image : null,
+            tasks : [{
+                name : "Tâche 1",
+                start : "ih",
+                end : "j",
+                place : "jb",
+                description : "ubu",
+                volunteers_count : 2
+            }]
+        },
+    ]);
+
+
+    return (
+        <div className={styles.eventsList}>
+            {events.map((event, index) => (
+                <Event key={index} event={event} />
+            ))}
+        </div>
+    )
+}
+
+export default EventsPage;
@@ -0,0 +1,5 @@
+.eventsList{
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+}