From 969f3fcbc85d4e9b5cf89dbe176c60ed80e59bac Mon Sep 17 00:00:00 2001
From: Martin Berg Alstad <600878@stud.hvl.no>
Date: Fri, 14 Jul 2023 19:38:41 +0200
Subject: [PATCH] disabled state to button

---
 pac-man-board-game/ClientApp/src/components/gameButton.tsx | 4 ++--
 pac-man-board-game/ClientApp/src/index.css                 | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/pac-man-board-game/ClientApp/src/components/gameButton.tsx b/pac-man-board-game/ClientApp/src/components/gameButton.tsx
index ac434a8..9e96d26 100644
--- a/pac-man-board-game/ClientApp/src/components/gameButton.tsx
+++ b/pac-man-board-game/ClientApp/src/components/gameButton.tsx
@@ -15,12 +15,12 @@ const GameButton: Component<GameButtonProps> = (
   }) => {
   const currentPlayer = useAtomValue(currentPlayerAtom);
   const thisPlayer = useAtomValue(thisPlayerAtom);
-  
+
   if (currentPlayer === undefined || currentPlayer.State === State.waitingForPlayers) {
     return <button onClick={onReadyClick}>Ready</button>;
   }
   if (!thisPlayer?.isTurn()) {
-    return <button>Please wait</button>;
+    return <button disabled>Please wait</button>;
   }
   return <button onClick={onRollDiceClick}>Roll dice</button>;
 };
diff --git a/pac-man-board-game/ClientApp/src/index.css b/pac-man-board-game/ClientApp/src/index.css
index a1adf7a..13ce7d5 100644
--- a/pac-man-board-game/ClientApp/src/index.css
+++ b/pac-man-board-game/ClientApp/src/index.css
@@ -26,3 +26,7 @@ br {
 button, button[type=submit], input[type=button], input[type=submit] {
     @apply bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded;
 }
+
+button[disabled] {
+    @apply bg-gray-500;
+}