add of EventsPage

This commit is contained in:
2025-11-09 19:55:15 +01:00
parent 7eaae67655
commit d11873d9f1
4 changed files with 2830 additions and 12 deletions
+2763 -12
View File
File diff suppressed because it is too large Load Diff
+57
View File
@@ -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;
+5
View File
@@ -0,0 +1,5 @@
.eventsList{
display: flex;
align-items: center;
flex-direction: column;
}
+5
View File
@@ -2,6 +2,7 @@ import { createBrowserRouter } from "react-router";
import Layout from "./layout.jsx";
import HomePage from "./pages/Home/HomePage";
import LoginPage from "./pages/Login/LoginPage";
import EventsPage from "./pages/Events/EventsPage.jsx";
const router = createBrowserRouter([
{
@@ -15,6 +16,10 @@ const router = createBrowserRouter([
{
path: "/login",
Component: LoginPage,
},
{
path: "/events",
Component: EventsPage,
}
]
}