Dropdown todo

front_end/src/components/ressourcePanel.tsx

@@ -1,8 +1,8 @@
 import { useState } from "react";
 import { useLocalData } from "../context/useLocalData";
-import ListButton from "./dropdownButton";
 import { AthleteList, ActiviteList } from "./ressourceList";
 import { Activite, Athlete } from "../classes";
+import { Dropdown } from "react-bootstrap";
 
 export default function RessourcePanel() {
     const { user } = useLocalData();
@@ -22,18 +22,30 @@ export default function RessourcePanel() {
     });
     const allActivites: Activite[] = Array.from(activiteMap.values());
 
+    function onAthletesClick(): void {
+        setShowAthletes(prev => !prev);
+        setShowActivites(false); 
+    }
+    function onActivitiesClick(): void {
+        setShowActivites(prev => !prev);
+        setShowAthletes(false);
+    }
+
+
     return (
         <div className="ressource_panel">
-            <ListButton 
-                onAthletesClick={() => {
-                    setShowAthletes(prev => !prev);
-                    setShowActivites(false); 
-                }}
-                onActivitiesClick={() => {
-                    setShowActivites(prev => !prev);
-                    setShowAthletes(false);
-                }}
-            />
+            <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>
+
+            
+
             {showAthletes && (
                 <div className="edt_athletes_panel">
                     <h3>Liste des athlètes</h3>