From a81f3323ba7e53f95180470b720a44aa94eaa55f Mon Sep 17 00:00:00 2001
From: ntr <ntr@smokestack.io>
Date: Sun, 22 Sep 2019 15:24:21 +1000
Subject: [PATCH] availabe mtx btn fix

---
 client/src/components/controls.jsx           | 2 +-
 client/src/components/instance.ctrl.btns.jsx | 4 +++-
 client/src/components/play.jsx               | 6 +++---
 client/src/components/player.box.jsx         | 1 +
 4 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/client/src/components/controls.jsx b/client/src/components/controls.jsx
index 828c767e..8df3d524 100644
--- a/client/src/components/controls.jsx
+++ b/client/src/components/controls.jsx
@@ -38,7 +38,7 @@ function Controls(args) {
 
     if (game) return <GameCtrl />;
     if (instance) return <InstanceCtrl />;
-    if (nav === 'play' || !nav) return <PlayCtrl />
+    if (nav === 'play' || nav === 'shop' || !nav) return <PlayCtrl />
     if (nav === 'team' || nav === 'account') return <TeamCtrl />
 
     return false;
diff --git a/client/src/components/instance.ctrl.btns.jsx b/client/src/components/instance.ctrl.btns.jsx
index 1f572765..751f7137 100644
--- a/client/src/components/instance.ctrl.btns.jsx
+++ b/client/src/components/instance.ctrl.btns.jsx
@@ -36,10 +36,12 @@ function InstanceCtrlBtns(args) {
         sendReady,
     } = args;
 
+    const finished = instance && instance.phase === 'Finished';
+
     return (
         <div class="instance-ctrl-btns">
             <button>Chat</button>
-            <button class="ready" onClick={() => sendReady()}>Ready</button>
+            <button disabled={finished} class="ready" onClick={() => sendReady()}>Ready</button>
         </div>
     );
 }
diff --git a/client/src/components/play.jsx b/client/src/components/play.jsx
index cee2bc01..3e8fb916 100644
--- a/client/src/components/play.jsx
+++ b/client/src/components/play.jsx
@@ -71,9 +71,9 @@ function Play(args) {
     };
 
     const availableMtx = (item, i) => (
-        <figure key={i} onClick={() => mtxBuy(item)} >
-            <figcaption>{item.variant}</figcaption>
-            <button disabled={account.balance < item.credits}>¤{item.credits}</button>
+        <figure key={i}>
+            <figcaption>Enable {item.variant}</figcaption>
+            <button onClick={() => mtxBuy(item)} disabled={account.balance < item.credits}>¤{item.credits}</button>
         </figure>
     );
 
diff --git a/client/src/components/player.box.jsx b/client/src/components/player.box.jsx
index 462b0da6..787524a0 100644
--- a/client/src/components/player.box.jsx
+++ b/client/src/components/player.box.jsx
@@ -29,6 +29,7 @@ function Scoreboard(args) {
     if (!isPlayer) {
         return (
             <div class={`player-box top ${player.ready ? 'ready' : ''}`}>
+                <div></div>
                 <div class="score">{scoreText()}</div>
                 <div class="name">{player.name}</div>
                 <div class="img avatar"