From b5050f489bc5335324bce8f1e38ae8c174c495e5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ama=C3=ABl=20Kesteman?=
 <amael.kesteman@etudiant.univ-rennes.fr>
Date: Wed, 7 Jan 2026 12:40:52 +0100
Subject: [PATCH 1/2] Feat: mise a jour du bouton ( mis en HTML select)

---
 front_end/src/components/ressourcePanel.tsx | 28 +++++++++++----------
 front_end/src/requetes.tsx                  |  2 +-
 2 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/front_end/src/components/ressourcePanel.tsx b/front_end/src/components/ressourcePanel.tsx
index 1d9ccd1..6109e9a 100644
--- a/front_end/src/components/ressourcePanel.tsx
+++ b/front_end/src/components/ressourcePanel.tsx
@@ -2,7 +2,7 @@ import { useState } from "react";
 import { useLocalData } from "../context/useLocalData";
 import { AthleteList, ActiviteList } from "./ressourceList";
 import { Activite, Athlete } from "../classes";
-import { Dropdown } from "react-bootstrap";
+// import { Dropdown } from "react-bootstrap"; // not used
 
 export default function RessourcePanel() {
     const { user } = useLocalData();
@@ -34,17 +34,18 @@ export default function RessourcePanel() {
 
     return (
         <div className="ressource_panel">
-            <Dropdown> 
-                <Dropdown.Toggle variant="success" >
-                    Sélectionner la ressource
-                </Dropdown.Toggle>
-                <Dropdown.Menu>
-                    <Dropdown.Item href="#/action-1">Athlètes</Dropdown.Item>
-                    <Dropdown.Item href="#/action-2">Activités</Dropdown.Item>
-                </Dropdown.Menu>
-            </Dropdown>
-
-            
+            <select
+                onChange={(e) => {
+                    const v = (e.target as HTMLSelectElement).value;
+                    if (v === "athletes") onAthletesClick();
+                    else if (v === "activites") onActivitiesClick();
+                    else {setShowAthletes(false); setShowActivites(false);
+                    }
+                }}>
+                <option>Choissisez la ressource</option>
+                <option value="athletes">Athlètes</option>
+                <option value="activites">Activités</option>
+            </select>
 
             {showAthletes && (
                 <div className="edt_athletes_panel">
@@ -52,13 +53,14 @@ export default function RessourcePanel() {
                     <AthleteList athletes={allAthletes} activites={[]}/>
                 </div>
             )}
+
             {showActivites && (
                 <div className="edt_activites_panel">
                     <h3>Liste des activités</h3>
                     <ActiviteList athletes={[]} activites={allActivites} />
                 </div>
             )}
-            
+
         </div>
     );
 }
diff --git a/front_end/src/requetes.tsx b/front_end/src/requetes.tsx
index 7658a0a..626a244 100644
--- a/front_end/src/requetes.tsx
+++ b/front_end/src/requetes.tsx
@@ -14,7 +14,7 @@ const useAuthHeader = () => {
 export function delay(ms: number): Promise<void> {
   return new Promise(resolve => setTimeout(resolve, ms));
 }
-*/
+
 //UPDATE /////////////////////////////////////////////////////////
 
 //COACH / ATHLETE

From 4574994bc89db6296bf1776c20f6e34d7cf55a44 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ama=C3=ABl=20Kesteman?=
 <amael.kesteman@etudiant.univ-rennes.fr>
Date: Wed, 7 Jan 2026 12:47:25 +0100
Subject: [PATCH 2/2] Feat: remplacement liste groupe par listes classique.

---
 front_end/src/components/ressourceList.tsx | 25 +++++++++-------------
 1 file changed, 10 insertions(+), 15 deletions(-)

diff --git a/front_end/src/components/ressourceList.tsx b/front_end/src/components/ressourceList.tsx
index b398a54..66e767f 100644
--- a/front_end/src/components/ressourceList.tsx
+++ b/front_end/src/components/ressourceList.tsx
@@ -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>
     );
 }