From fe0e045fd8d82fa3370ec532cef00edfd838a226 Mon Sep 17 00:00:00 2001
From: Nathaniel Tampus <contact@nize.ph>
Date: Mon, 6 Mar 2023 12:42:49 +0800
Subject: [PATCH] show player disconnected state

---
 client/src/components/game/GamePage.tsx    | 14 ++++++++++++--
 server/src/controllers/games.controller.ts |  5 ++++-
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/client/src/components/game/GamePage.tsx b/client/src/components/game/GamePage.tsx
index a5fe3b9..4f887d4 100644
--- a/client/src/components/game/GamePage.tsx
+++ b/client/src/components/game/GamePage.tsx
@@ -314,7 +314,12 @@ export default function GamePage({ initialLobby }: { initialLobby: Game }) {
         <span className={lobby.black?.name ? "font-bold" : ""}>
           {lobby.black?.name || "(no one)"}
         </span>
-        <span className="text-xs">black</span>
+        <span className="flex items-center gap-1 text-xs">
+          black
+          {lobby.black?.connected === false && (
+            <span className="badge badge-xs badge-error">disconnected</span>
+          )}
+        </span>
       </div>
     );
     const whiteHtml = (
@@ -322,7 +327,12 @@ export default function GamePage({ initialLobby }: { initialLobby: Game }) {
         <span className={lobby.white?.name ? "font-bold" : ""}>
           {lobby.white?.name || "(no one)"}
         </span>
-        <span className="text-xs">white</span>
+        <span className="flex items-center gap-1 text-xs">
+          white
+          {lobby.white?.connected === false && (
+            <span className="badge badge-xs badge-error">disconnected</span>
+          )}
+        </span>
       </div>
     );
 
diff --git a/server/src/controllers/games.controller.ts b/server/src/controllers/games.controller.ts
index 281b1e6..7ba6f02 100644
--- a/server/src/controllers/games.controller.ts
+++ b/server/src/controllers/games.controller.ts
@@ -40,7 +40,10 @@ export const createGame = async (req: Request, res: Response) => {
             res.status(401).end();
             return;
         }
-        const user: User = req.session.user;
+        const user: User = {
+            ...req.session.user,
+            connected: false
+        };
         const unlisted: boolean = req.body.unlisted ?? false;
         const game: Game = {
             code: nanoid(6),