From 5a52d88f77e3b9d934dd1ba06524738132f14885 Mon Sep 17 00:00:00 2001
From: Dominic Zimmer <s8dozimm@stud.uni-saarland.de>
Date: Mon, 27 Mar 2023 14:05:44 +0200
Subject: [PATCH] Add gender overview counter

---
 src/AdminUI.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

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 <>
         <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>