From 82f5b07256cc54f7e2707a20f6bd025149e18db6 Mon Sep 17 00:00:00 2001
From: djmil <andriy@djmil.dev>
Date: Sat, 11 Nov 2023 11:37:17 +0100
Subject: [PATCH] action readyiness indication

---
 webapp/src/container/Games.css               | 9 ++++++---
 webapp/src/container/games/action/Create.jsx | 2 +-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/webapp/src/container/Games.css b/webapp/src/container/Games.css
index 3d8680a..2508acd 100644
--- a/webapp/src/container/Games.css
+++ b/webapp/src/container/Games.css
@@ -97,16 +97,19 @@
     margin: 2px;
 }
 
-.ActionPanel .Create:hover,  /* OR */
-.game-action.busy 
+.ActionPanel .Create.ready  /* , */ /* OR  .game-action.busy  */
 {
     background-color:#00b0ff60;  
 }
 
-.ActionPanel .Create.enabled:active {
+.ActionPanel .Create.ready:hover {
     background-color:#00b0ffa0;  
 }
 
+.ActionPanel .Create.ready:active {
+    background-color:#00b0fff0;  
+}
+
 .ActionPanel .Cancel:hover,
 .ActionPanel .Reject:hover {
     background-color:#ff000030
diff --git a/webapp/src/container/games/action/Create.jsx b/webapp/src/container/games/action/Create.jsx
index d29f925..893258f 100644
--- a/webapp/src/container/games/action/Create.jsx
+++ b/webapp/src/container/games/action/Create.jsx
@@ -25,7 +25,7 @@ export default function Create({ isCurrentUser }) {
 
     return (
         <button className={'Create'
-            + (hasPlayers && hasCurrentUser ? ' enabled' : ' disabled')
+            + (hasPlayers && hasCurrentUser ? ' ready' : '')
         }
             onClick={pushNewGame}
         >