Feat: remplacement liste groupe par listes classique.

This commit is contained in:
Amaël Kesteman
2026-01-07 12:47:25 +01:00
parent b5050f489b
commit 4574994bc8

View File

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