team ctrl

WORKLOG.md

@@ -5,7 +5,6 @@
 * stripe prod
 * mobile styles
 * pct based translates for combat animation
-* info fix
 * account page
 * graphs n shit
 * acp init

client/src/components/controls.jsx

@@ -3,6 +3,7 @@ const { connect } = require('preact-redux');
 
 const PlayerCtrl = require('./player.ctrl');
 const PlayCtrl = require('./play.ctrl');
+const TeamCtrl = require('./team.ctrl');
 
 const addState = connect(
     function receiveState(state) {
@@ -31,6 +32,7 @@ function Controls(args) {
 
     if (game || instance) return <PlayerCtrl />;
     if (nav === 'play' || !nav) return <PlayCtrl />
+    if (nav === 'team' || !nav) return <TeamCtrl />
 
     return false;
 }

client/src/components/team.ctrl.jsx

@@ -0,0 +1,42 @@
+const preact = require('preact');
+const { connect } = require('preact-redux');
+
+const actions = require('./../actions');
+
+const addState = connect(
+    function receiveState(state) {
+        const {
+            teamSelect,
+            ws,
+        } = state;
+
+        function sendAccountSetTeam() {
+            return ws.sendAccountSetTeam(teamSelect);
+        }
+
+        return {
+            sendAccountSetTeam,
+            teamSelect,
+        };
+    },
+);
+
+function TeamCtrl(args) {
+    const {
+        teamSelect,
+        sendAccountSetTeam,
+    } = args;
+
+    return (
+        <aside>
+            <button
+                class='ready'
+                disabled={teamSelect.some(c => !c)}
+                onClick={sendAccountSetTeam}>
+                Set Team
+            </button>
+        </aside>
+    );
+}
+
+module.exports = addState(TeamCtrl);