Feat: Ajout de activite.tsx

front_end/src/components/ressourceList.tsx

@@ -3,6 +3,7 @@ import { Athlete, Activite, Coach, Session, Ligne } from "../classes";
 import ObjectSession from "./object/session";
 import {calculStatsAthlete, niveauAlerte} from "../utils/athleteUtils";
 import {calculTempsDeJeuParLigne} from "../utils/ligneUtils";
+import ObjectActivite from "./object/activite";
 
 
 type AthleteListProps = { athletes: Athlete[], sessions: Session[]};
@@ -87,21 +88,12 @@ function AthleteList({ athletes, sessions }: AthleteListProps) {
 
 function ActiviteList({ activites }: ActiviteListProps) {
     return (
-        <ul className="ActiviteList">
+        <div className="list_object">
             {activites.map((activite) => (
-                <li key={activite.id}>
-                    <div>
-                        <strong>Nom:</strong> {activite.nom}
-                    </div>
-                    <div>
-                        <strong>Thème:</strong> {activite.theme}
-                    </div>
-                    <div>
-                        <strong>Durée:</strong> {activite.duree} minutes
-                    </div>
-                </li>
+                    <ObjectActivite activite={activite}/>
             ))}
-        </ul>
+            
+        </div>
     );
 }