Feat: remplacement liste groupe par listes classique.
This commit is contained in:
@@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user