diff --git a/src/AdminUI.tsx b/src/AdminUI.tsx index 19dd30a..d64f247 100644 --- a/src/AdminUI.tsx +++ b/src/AdminUI.tsx @@ -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 <>
Token
Name
-
Gender
+
Gender
{genderstring}
Coming
{confirmations[0]} {confirmations[1]}