From 43b5940ea911bed7b333ccefe2f2ac02f9ad7dfb Mon Sep 17 00:00:00 2001
From: Danny Miller <k2xl.com@gmail.com>
Date: Thu, 30 May 2024 20:52:02 -0400
Subject: [PATCH] show who didnt mark ready

---
 models/db/multiplayerMatch.d.ts             |  2 +-
 pages/[subdomain]/match/[matchId]/index.tsx | 26 +++++++++++++++------
 2 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/models/db/multiplayerMatch.d.ts b/models/db/multiplayerMatch.d.ts
index 319b5f361..d1d7589e1 100644
--- a/models/db/multiplayerMatch.d.ts
+++ b/models/db/multiplayerMatch.d.ts
@@ -15,7 +15,7 @@ interface MultiplayerMatch {
   };
   levels: Level[] | Types.ObjectId[];
   levelsPopulated: Level[]; // virtual
-  markedReady: Types.ObjectId[] | User[];
+  markedReady: Types.ObjectId[] | User[] | string[];
   matchId: string;
   matchLog?: MatchLog[];
   players: UserWithMultiplayerProfile[];
diff --git a/pages/[subdomain]/match/[matchId]/index.tsx b/pages/[subdomain]/match/[matchId]/index.tsx
index 894cd9ef6..599368e89 100644
--- a/pages/[subdomain]/match/[matchId]/index.tsx
+++ b/pages/[subdomain]/match/[matchId]/index.tsx
@@ -411,6 +411,15 @@ export default function Match() {
     return <span>Loading...</span>;
   }
 
+  const playersNotMarkedReady = match.players.filter(player => !(match.markedReady as string[]).includes(player._id.toString()));
+  const prettyMatchState = ({
+    [MultiplayerMatchState.OPEN]: 'Match Open',
+    [MultiplayerMatchState.FINISHED]: 'Match Finished',
+    [MultiplayerMatchState.ACTIVE]: 'Match about to begin',
+    [MultiplayerMatchState.ABORTED]: 'Match Aborted',
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  } as any)[match.state];
+
   return (
     <Page
       isFullScreen={match.state === MultiplayerMatchState.ACTIVE && iAmPlaying}
@@ -419,13 +428,7 @@ export default function Match() {
       <>
         <h1 className={classNames('text-3xl font-bold text-center p-3', { 'hidden': matchInProgress })}>
           {
-            ({
-              [MultiplayerMatchState.OPEN]: 'Match Open',
-              [MultiplayerMatchState.FINISHED]: 'Match Finished',
-              [MultiplayerMatchState.ACTIVE]: 'Match about to begin',
-              [MultiplayerMatchState.ABORTED]: 'Match Aborted',
-            // eslint-disable-next-line @typescript-eslint/no-explicit-any
-            } as any)[match.state]
+            prettyMatchState
           }
         </h1>
         {/* if you are in the game and the game is about to start then say Your Record */}
@@ -434,6 +437,15 @@ export default function Match() {
             Your record against {otherPlayer?.name} is {headToHead?.totalWins} - {headToHead?.totalLosses} - {headToHead?.totalTies}
           </h2>
         }
+        { match.state === MultiplayerMatchState.ABORTED &&
+          <h2>
+            {playersNotMarkedReady.map(player => (
+              <div key={player._id.toString()} className='text-center text-xs italic'>
+                {player.name} did not mark ready
+              </div>
+            ))}
+          </h2>
+        }
         {connectedPlayersInRoom && connectedPlayersInRoom.count > 2 &&
           <div className='absolute py-1 px-1.5 text-xs text-red-500'>
             {connectedPlayersInRoom.count - 2} spectating