From dbe6f62956dfd191ef4b4e6ec517a97daa2fabc7 Mon Sep 17 00:00:00 2001
From: ntr <ntr@smokestack.io>
Date: Fri, 26 Apr 2019 13:35:11 +1000
Subject: [PATCH] refresh btn

---
 client/cryps.css                         | 8 +++++++-
 client/src/components/menu.component.jsx | 4 ++++
 client/src/components/menu.container.jsx | 5 +++++
 3 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/client/cryps.css b/client/cryps.css
index 808faff3..ef408aa0 100644
--- a/client/cryps.css
+++ b/client/cryps.css
@@ -293,6 +293,12 @@ header {
     font-size: 1.2em;
 }
 
+.refresh-btn {
+    border: 1px solid whitesmoke;
+    float: right;
+    font-size: 1.5em;
+}
+
 .create-form {
     flex: 1;
 
@@ -449,7 +455,7 @@ table td {
     transition-timing-function: ease;
 }
 
-table td:active {
+.vbox-table table td:active {
     background-color: whitesmoke;
     color: black;
 }
diff --git a/client/src/components/menu.component.jsx b/client/src/components/menu.component.jsx
index 6a0d1305..3dfcfeba 100644
--- a/client/src/components/menu.component.jsx
+++ b/client/src/components/menu.component.jsx
@@ -26,6 +26,7 @@ function Menu(args) {
         sendInstanceState,
         sendPlayerMmCrypsSet,
         sendInstanceJoin,
+        sendInstanceList,
         sendCrypSpawn,
         instances,
     } = args;
@@ -78,6 +79,9 @@ function Menu(args) {
                     </thead>
                     <tbody>
                         {instancePanels}
+                        <tr className="right" onClick={() => sendInstanceList()}>
+                            <td colSpan={3} >↺</td>
+                        </tr>
                     </tbody>
                 </table>
                 <InstanceCreateForm />
diff --git a/client/src/components/menu.container.jsx b/client/src/components/menu.container.jsx
index 59e5af5b..245f321a 100644
--- a/client/src/components/menu.container.jsx
+++ b/client/src/components/menu.container.jsx
@@ -29,12 +29,17 @@ const addState = connect(
             return ws.sendInstanceState(instance.id);
         }
 
+        function sendInstanceList() {
+            return ws.sendAccountInstances();
+        }
+
         return {
             account,
             cryps,
             selectedCryps,
             sendInstanceJoin,
             sendInstanceState,
+            sendInstanceList,
             sendCrypSpawn,
             sendPlayerMmCrypsSet,
             instances,