vuminh224/hackathon
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feat: remplacement liste groupe par listes classique.

Browse Source
This commit is contained in:
Amaël Kesteman
2026-01-07 12:47:25 +01:00
parent b5050f489b
commit 4574994bc8
1 changed files with 10 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
front_end/src/components/ressourceList.tsx
View File

@@ -1,4 +1,3 @@
import ListGroup from "react-bootstrap/ListGroup";
import { Athlete, Activite } from "../classes"; import { Athlete, Activite } from "../classes";
type Props = { type Props = {
@@ -9,26 +8,22 @@ type Props = {
function AthleteList({ athletes }: Props) { function AthleteList({ athletes }: Props) {
return ( return (
<ListGroup> <ul className="AthleteList">
{athletes.map((athlete) => ( {athletes.map((athlete) => (
<ListGroup.Item key={athlete.id}> <li key={athlete.id}>
<div> <div><strong>Nom:</strong> {athlete.nom}</div>
<strong>Nom:</strong> {athlete.nom} <div><strong>Groupe:</strong> {athlete.groupe}</div>
</div> </li>
<div>
<strong>Groupe:</strong> {athlete.groupe}
</div>
</ListGroup.Item>
))} ))}
</ListGroup> </ul>
); );
} }
function ActiviteList({ activites }: Props) { function ActiviteList({ activites }: Props) {
return ( return (
<ListGroup> <ul className="ActiviteList">
{activites.map((activite) => ( {activites.map((activite) => (
<ListGroup.Item key={activite.id}> <li key={activite.id}>
<div> <div>
<strong>Nom:</strong> {activite.nom} <strong>Nom:</strong> {activite.nom}
</div> </div>
@@ -38,9 +33,9 @@ function ActiviteList({ activites }: Props) {
<div> <div>
<strong>Durée:</strong> {activite.duree} minutes <strong>Durée:</strong> {activite.duree} minutes
</div> </div>
</ListGroup.Item> </li>
))} ))}
</ListGroup> </ul>
); );
} }