From 74661bdb42cd1d425c94544f882a95b9889b735e Mon Sep 17 00:00:00 2001
From: Dominic Zimmer <s8dozimm@stud.uni-saarland.de>
Date: Fri, 14 Oct 2022 12:12:09 +0200
Subject: [PATCH] Add more styling, remove secret

---
 src/AdminUI.css | 14 +++++++++++++-
 src/AdminUI.tsx |  6 +++---
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/AdminUI.css b/src/AdminUI.css
index d975ece..e625c7e 100644
--- a/src/AdminUI.css
+++ b/src/AdminUI.css
@@ -110,7 +110,7 @@ span.lg {
   background-color: lightgrey!important ;
   padding: 8px;
   cursor: pointer;
-  overflow: hidden;
+  overflow: auto;
 }
 .guests>div:nth-child(8n+5),
 .guests>div:nth-child(8n+6),
@@ -181,4 +181,16 @@ dialog > div label {
   flex-direction: row;
   justify-content: space-around;
   width:100%;
+}
+
+.coming-yes {
+  color: green;
+  font-weight: bold;
+}
+.coming-no {
+  color: red;
+}
+.coming-maybe {
+  font-style: italic;
+  color: blue;
 }
\ No newline at end of file
diff --git a/src/AdminUI.tsx b/src/AdminUI.tsx
index dfdd377..27ff61e 100644
--- a/src/AdminUI.tsx
+++ b/src/AdminUI.tsx
@@ -9,7 +9,7 @@ export const AdminUI: React.FC = () => {
     const [partyList, setPartyList] = useState<ResponseListParties>([]);
     const [selectedParty, setSelectedParty] = useState<number | undefined>(undefined);
     // eslint-disable-next-line no-restricted-globals
-    const adminToken = useMemo(() => parseToken(location.href) ?? "666c7199d0d1a3a90c5b10cf6fff364eb04eeffa8c76c82541a55213338ce983", []);
+    const adminToken = useMemo(() => parseToken(location.href) ?? "", []);
 
     const loadPartyList = useCallback(async () => {
         const response = await listPartyRequest(adminToken);
@@ -163,8 +163,8 @@ export const PartyUI: React.FC<{ party: ResponseCreateParty, adminToken: string,
                     <span>{confirmations[2]}</span>
                 </div></div>
                 {guests.map((guest, index) => <Fragment key={index}>
-                    <div onContextMenu={(e) => { e.preventDefault(); exportPartyLink(guest); }} onClick={() => editUser(guest)}>{guest.token}</div>
-                    <div onContextMenu={(e) => { e.preventDefault(); exportPartyLink(guest); }} onClick={() => editUser(guest)}>{guest.name}</div>
+                    <div className="guestname" onContextMenu={(e) => { e.preventDefault(); exportPartyLink(guest); }} onClick={() => editUser(guest)}>{guest.token}</div>
+                    <div className={`coming-${guest.coming}`} onContextMenu={(e) => { e.preventDefault(); exportPartyLink(guest); }} onClick={() => editUser(guest)}>{guest.name}</div>
                     <div onContextMenu={(e) => { e.preventDefault(); exportPartyLink(guest); }} onClick={() => editUser(guest)}>{guest.grammatical_gender}</div>
                     <div onContextMenu={(e) => { e.preventDefault(); exportPartyLink(guest); }} onClick={() => editUser(guest)}>{guest.coming ?? "?"}</div>
                 </Fragment>