From faaa43ea5b4705e5182e65875aaa50bd8919fd62 Mon Sep 17 00:00:00 2001
From: Nathaniel Tampus <contact@nize.ph>
Date: Wed, 15 Mar 2023 20:05:36 +0800
Subject: [PATCH] check session before enabling join/create buttons

---
 client/src/components/home/CreateGame.tsx | 7 ++++++-
 client/src/components/home/JoinGame.tsx   | 9 ++++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/client/src/components/home/CreateGame.tsx b/client/src/components/home/CreateGame.tsx
index ab6090d..d7ef7ce 100644
--- a/client/src/components/home/CreateGame.tsx
+++ b/client/src/components/home/CreateGame.tsx
@@ -50,7 +50,12 @@ export default function CreateGame() {
           <option value="white">White</option>
           <option value="black">Black</option>
         </select>
-        <button className={"btn" + (buttonLoading ? " loading" : "")} type="submit">
+        <button
+          className={
+            "btn" + (buttonLoading ? " loading" : "") + (!session?.user?.id ? " btn-disabled" : "")
+          }
+          type="submit"
+        >
           Create
         </button>
       </div>
diff --git a/client/src/components/home/JoinGame.tsx b/client/src/components/home/JoinGame.tsx
index 34f2a32..ea43db9 100644
--- a/client/src/components/home/JoinGame.tsx
+++ b/client/src/components/home/JoinGame.tsx
@@ -53,7 +53,14 @@ export default function JoinGame() {
         name="joinGameCode"
         id="joinGameCode"
       />
-      <button className={"btn btn-square" + (buttonLoading ? " loading" : "")} type="submit">
+      <button
+        className={
+          "btn btn-square" +
+          (buttonLoading ? " loading" : "") +
+          (!session?.user?.id ? " btn-disabled" : "")
+        }
+        type="submit"
+      >
         Join
       </button>
     </form>