Thibaut/ffsaf-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

feat: club filter

Browse Source
This commit is contained in:
Thibaut Valentin
2024-07-16 23:16:46 +02:00
parent f297ae557b
commit edcda185db
6 changed files with 54 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/main/webapp/src/pages/admin/club/ClubList.jsx
View File

@@ -38,9 +38,9 @@ export function ClubList() {
id: e.id,
name: e.name,
country: e.country,
shieldURL: e.shieldURL,
siret: e.siret,
no_affiliation: e.no_affiliation,
affiliation: showAffiliationState ? affiliationData.find(licence => licence.club === e.id) : null
affiliation: showAffiliationState ? affiliationData.find(aff => (aff.id >= 0) ? aff.club === e.id : aff.club === e.siret) : null
})
}
setClubData(data2);
@@ -76,7 +76,7 @@ export function ClubList() {
<div className="col-lg-9">
<SearchBar search={search}/>
{data
? <MakeCentralPanel data={data} visibleclub={clubData} navigate={navigate} showLicenceState={showAffiliationState}
? <MakeCentralPanel data={data} visibleclub={clubData} navigate={navigate} showAffiliationState={showAffiliationState}
page={page}/>
: error
? <AxiosError error={error}/>
@@ -91,7 +91,7 @@ export function ClubList() {
<div className="card mb-4">
<div className="card-header">Filtre</div>
<div className="card-body">
<FiltreBar showAffiliationState={showAffiliationState} setShowLAffiliationState={setShowAffiliationState} data={data}
<FiltreBar showAffiliationState={showAffiliationState} setShowAffiliationState={setShowAffiliationState} data={data}
countryFilter={countryFilter} setCountryFilter={setCountryFilter}/>
</div>
</div>
@@ -161,13 +161,14 @@ function FiltreBar({showAffiliationState, setShowAffiliationState, data, country
useEffect(() => {
if (!data)
return;
allCountry.push(...data.result.map((e) => e.club?.name))
allCountry.push(...data.result.map((e) => e.country))
allCountry = allCountry.filter((value, index, self) => self.indexOf(value) === index).filter(value => value != null).sort()
}, [data]);
return <div>
<div className="mb-3">
<Checkbox value={showAffiliationState} onChange={setShowAffiliationState} label="Afficher l'état des affiliation"/>
<Checkbox value={showAffiliationState} onChange={setShowAffiliationState}
label="Afficher l'état des affiliation"/>
</div>
<div className="mb-3">
<select className="form-select" value={countryFilter} onChange={event => setCountryFilter(event.target.value)}>