feat: admin club filter fetch all club

fix: log null update case

src/main/webapp/src/pages/MemberList.jsx

@@ -101,14 +101,15 @@ export function MemberList({source}) {
                         </div>
                     </div>
 
-                    <div className="card mb-4">
-                        <div className="card-header">Gestion groupée</div>
-                        <div className="card-body">
-                            <FileOutput/>
-                            <div style={{marginTop: "1.5em"}}></div>
-                            <FileInput/>
-                        </div>
-                    </div>
+                    {source === "club" &&
+                        <div className="card mb-4">
+                            <div className="card-header">Gestion groupée</div>
+                            <div className="card-body">
+                                <FileOutput/>
+                                <div style={{marginTop: "1.5em"}}></div>
+                                <FileInput/>
+                            </div>
+                        </div>}
                 </div>
             </div>
         </div>
@@ -392,18 +393,28 @@ function FiltreBar({showLicenceState, setShowLicenceState, data, clubFilter, set
         <div className="mb-3">
             <Checkbox value={showLicenceState} onChange={setShowLicenceState} label="Afficher l'état des licences"/>
         </div>
-        {source !== "club" &&
-            <div className="mb-3">
+        {source !== "club" && <ClubSelectFilter clubFilter={clubFilter} setClubFilter={setClubFilter}/>}
+    </div>
+}
+
+function ClubSelectFilter({clubFilter, setClubFilter}) {
+    const setLoading = useLoadingSwitcher()
+    const {data, error} = useFetch(`/club/no_detail`, setLoading, 1)
+
+    return <>
+        {data
+            ? <div className="mb-3">
                 <select className="form-select" value={clubFilter} onChange={event => setClubFilter(event.target.value)}>
                     <option value="">--- tout les clubs ---</option>
-                    {allClub && allClub.map((value, index) => {
-                        return <option key={index} value={value}>{value}</option>
-                    })
-                    }
+                    <option value="null">--- sans club ---</option>
+                    {data.map(club => (<option key={club.id} value={club.name}>{club.name}</option>))}
                 </select>
             </div>
+            : error
+                ? <AxiosError error={error}/>
+                : <Def/>
         }
-    </div>
+    </>
 }
 
 function Def() {