add of EventsPage
This commit is contained in:
Generated
+2763
-12
File diff suppressed because it is too large
Load Diff
@@ -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;
|
||||
}
|
||||
@@ -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,
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user