nav

client/src/components/nav.jsx

@@ -0,0 +1,45 @@
+const { connect } = require('preact-redux');
+const preact = require('preact');
+const actions = require('../actions');
+
+const addState = connect(
+    function receiveState(state) {
+        const {
+            ws,
+            instances,
+            cryps,
+        } = state;
+
+        function sendInstanceState(instance) {
+            return ws.sendInstanceState(instance.id);
+        }
+
+        return {
+            instances,
+            sendInstanceState,
+        };
+    },
+);
+
+function Nav(args) {
+    const {
+        sendInstanceState,
+        instances,
+     } = args;
+
+    const joined = instances.map((i, j) => (
+        <button key={j} onClick={() => sendInstanceState(i)} >{i.name}</button>
+    ));
+
+    return (
+        <nav>
+            <h2>Instances</h2>
+            <button>list</button>
+            <button>create</button>
+            <hr />
+            {joined}
+        </nav>
+    );
+}
+
+module.exports = addState(Nav);