partypages/admin-ui
2
0
Fork 0
generated from partypages/party-template
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add gender overview counter
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Dominic Zimmer 2023-03-27 14:05:44 +02:00
parent 22cb701cb4
commit 5a52d88f77
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/AdminUI.tsx
View File

@ -211,13 +211,19 @@ export const PartyUI: React.FC<{ party: ResponseCreateParty, adminToken: string,
navigator.clipboard.writeText(url);
}
};
const genderCount = useMemo(() => [
guests.filter(g => g.grammatical_gender === "m").length,
guests.filter(g => g.grammatical_gender === "f").length,
guests.filter(g => g.grammatical_gender === "d").length
], [guests]);
const genderstring = `${genderCount[0]} ${genderCount[1]} ${genderCount[2] !== 0 ? genderCount[2] : ""}`;
return <>
<div>
<div className="guests">
<div className="header"><span className="lg">Token </span></div>
<div className="header"><span className="lg">Name </span></div>
<div className="header"><span className="lg">Gender</span></div>
<div className="header"><span className="lg">Gender</span><div>{genderstring}</div></div>
<div className="header"><span className="lg">Coming</span><div className="confirmations">
<span>{confirmations[0]}</span>
<span>{confirmations[1]}</span>