From 22156373e059d8180620922d4f7655a9ca61dad8 Mon Sep 17 00:00:00 2001
From: James Ketrenos <james_eikona@ketrenos.com>
Date: Thu, 3 Feb 2022 12:00:51 -0800
Subject: [PATCH] Move QUIT to an action instead of in the active player list

Signed-off-by: James Ketrenos <james_eikona@ketrenos.com>
---
 client/src/Table.js | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/client/src/Table.js b/client/src/Table.js
index 06fde2c..5761ec1 100755
--- a/client/src/Table.js
+++ b/client/src/Table.js
@@ -283,14 +283,19 @@ const Action = ({ table }) => {
   const passClick = (event) => {
   }
 
+  const quitClick = (event) => {
+    table.setSelected("");
+  }
+
   if (!table.game) {
     console.log("Why no game?");
     return (<Paper className="Action"/>);
   }
 
+  const inLobby = table.game.state === 'lobby';
   return (
     <Paper className="Action">
-      { table.game.state === 'lobby' && <>
+      {  inLobby && <>
         <StartButton table={table}/>
         <Button disabled={!table.game.color} onClick={newTableClick}>New table</Button>
         <Button disabled={table.game.color ? true : false} onClick={() => {table.setState({ pickName: true})}}>Change name</Button>    </> }
@@ -300,6 +305,9 @@ const Action = ({ table }) => {
         <Button onClick={rollClick}>Roll Dice</Button>
         <Button disabled onClick={passClick}>Pass Turn</Button>
       </> }
+      { !inLobby &&
+        <Button onClick={quitClick}>Quit</Button>
+      }
     </Paper>
   );
 }
@@ -384,9 +392,6 @@ const Players = ({ table }) => {
           { item.status + ' ' }
           { item.status !== 'Not active' && <Moment fromNow date={item.lastActive > Date.now() ? Date.now() : item.lastActive}/>}
         </>)} />
-        { !inLobby && table.game.color === color && 
-          <Button onClick={() => toggleSelected(color)}>Quit</Button>
-        }
       </div>
     ));
   }