add of EventsPage
This commit is contained in:
1 parent
7eaae67655
commit
d11873d9f1
4 files changed
+2830
-12
No files matched your search
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 Layout from "./layout.jsx";
|
||||||
import HomePage from "./pages/Home/HomePage";
|
import HomePage from "./pages/Home/HomePage";
|
||||||
import LoginPage from "./pages/Login/LoginPage";
|
import LoginPage from "./pages/Login/LoginPage";
|
||||||
|
import EventsPage from "./pages/Events/EventsPage.jsx";
|
||||||
|
|
||||||
const router = createBrowserRouter([
|
const router = createBrowserRouter([
|
||||||
{
|
{
|
||||||
@@ -15,6 +16,10 @@ const router = createBrowserRouter([
|
|||||||
{
|
{
|
||||||
path: "/login",
|
path: "/login",
|
||||||
Component: LoginPage,
|
Component: LoginPage,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: "/events",
|
||||||
|
Component: EventsPage,
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in new issue
Block a user