vbox bottom

client/src/components/instance.component.jsx

@@ -63,6 +63,7 @@ function Instance(args) {
         <main class={instanceClasses} onClick={instanceClick} onMouseOver={() => setInfo(null)} >
             <Vbox />
             <InfoContainer />
+            <hr />
             <InstanceConstructsContainer />
         </main>
     );

client/src/components/scoreboard.jsx

@@ -3,14 +3,23 @@ const { connect } = require('preact-redux');
 
 const addState = connect(
     function receiveState(state) {
-        const { instance } = state;
-        return { instance };
+        const {
+            ws,
+            instance
+        } = state;
+
+        function sendInstanceReady() {
+            return ws.sendInstanceReady(instance.id);
+        }
+
+        return { instance, sendInstanceReady };
     },
 );
 
 function ScoreBoard(args) {
     const {
         instance,
+        sendInstanceReady
     } = args;
 
     const players = instance.players.map((p, i) => {
@@ -37,11 +46,14 @@ function ScoreBoard(args) {
     });
 
     return (
-        <table class="scoreboard" >
-            <tbody>
-                {players}
-            </tbody>
-        </table>
+        <div class="scoreboard">
+            <table>
+                <tbody>
+                    {players}
+                </tbody>
+            </table>
+            <button class="ready" onClick={() => sendInstanceReady}>Ready</button>
+        </div>
     );
 }