compress

client/src/actions.jsx

@@ -16,6 +16,9 @@ export const setVboxHidden = value => ({ type: SET_VBOX_HIDDEN, value });
 export const SET_INSTANCES = 'SET_INSTANCES';
 export const setInstances = value => ({ type: SET_INSTANCES, value });
 
+export const SET_NAV = 'SET_NAV';
+export const setNav = value => ({ type: SET_NAV, value });
+
 export const SET_INSTANCE = 'SET_INSTANCE';
 export const setInstance = value => ({ type: SET_INSTANCE, value });
 

client/src/app.jsx

@@ -16,28 +16,7 @@ const Nav = require('./components/nav');
 
 // Redux Store
 const store = createStore(
-    combineReducers({
-        account: reducers.accountReducer,
-        activeCryp: reducers.activeCrypReducer,
-        activeSkill: reducers.activeSkillReducer,
-        activeVar: reducers.activeVarReducer,
-        combiner: reducers.combinerReducer,
-        cryps: reducers.crypsReducer,
-        game: reducers.gameReducer,
-        info: reducers.infoReducer,
-        instance: reducers.instanceReducer,
-        instances: reducers.instancesReducer,
-        ping: reducers.pingReducer,
-        player: reducers.playerReducer,
-        reclaiming: reducers.reclaimingReducer,
-        resolution: reducers.resolutionReducer,
-        selectedCryps: reducers.selectedCrypsReducer,
-        vboxInfo: reducers.vboxInfoReducer,
-        vboxHidden: reducers.vboxHiddenReducer,
-        vboxHighlight: reducers.vboxHighlightReducer,
-        showLog: reducers.showLogReducer,
-        ws: reducers.wsReducer,
-    })
+    combineReducers(reducers)
 );
 
 document.fonts.load('16pt "Jura"').then(() => {

client/src/components/main.jsx

@@ -9,13 +9,18 @@ const InstanceContainer = require('./instance.container');
 
 const addState = connect(
     state => {
-        const { game, instance, ws, account } = state;
-        return { game, instance, account };
+        const { game, instance, account, nav } = state;
+        return { game, instance, account, nav };
     }
 );
 
 function renderBody(props) {
-    const { game, instance, account } = props;
+    const {
+        game,
+        instance,
+        account,
+        nav,
+    } = props;
 
     if (!account) {
         return (
@@ -37,6 +42,8 @@ function renderBody(props) {
         );
     }
 
+    // if (nav === 'list')
+
     return (
         <MenuContainer />
     );

client/src/components/nav.jsx

@@ -33,9 +33,14 @@ const addState = connect(
             return dispatch(actions.setInstance(testInstance(id)));
         }
 
+        function navTo(place) {
+            return dispatch(actions.setNav(place));
+        }
+
         return {
             setTestGame,
             setTestInstance,
+            navTo,
         };
     }
 );
@@ -46,6 +51,7 @@ function Nav(args) {
         sendInstanceState,
         instances,
 
+        navTo,
         setTestGame,
         setTestInstance,
     } = args;
@@ -57,11 +63,11 @@ function Nav(args) {
     return (
         <nav>
             <h2>Team</h2>
-            <button>spawn</button>
-            <button>select</button>
+            <button onClick={() => navTo('team')}>spawn</button>
+            <button onClick={() => navTo('team')}>select</button>
             <h2>Instances</h2>
-            <button>list</button>
-            <button>new</button>
+            <button onClick={() => navTo('instances')}>list</button>
+            <button onClick={() => navTo('instances')}>new</button>
             <hr />
             {joined}
             <h2>Hax</h2>

client/src/reducers.jsx

@@ -13,24 +13,25 @@ function createReducer(defaultState, actionType) {
 
 /* eslint-disable key-spacing */
 module.exports = {
-    accountReducer:         createReducer(null, actions.SET_ACCOUNT),
-    activeCrypReducer:      createReducer(null, actions.SET_ACTIVE_CRYP),
-    activeSkillReducer:     createReducer(null, actions.SET_ACTIVE_SKILL),
-    activeVarReducer:       createReducer(null, actions.SET_ACTIVE_VAR),
-    combinerReducer:        createReducer([null, null, null], actions.SET_COMBINER),
-    crypsReducer:           createReducer([], actions.SET_CRYPS),
-    gameReducer:            createReducer(null, actions.SET_GAME),
-    infoReducer:            createReducer([null, null], actions.SET_INFO),
-    instanceReducer:        createReducer(null, actions.SET_INSTANCE),
-    instancesReducer:       createReducer([], actions.SET_INSTANCES),
-    pingReducer:            createReducer(null, actions.SET_PING),
-    playerReducer:          createReducer(null, actions.SET_PLAYER),
-    reclaimingReducer:      createReducer(false, actions.SET_RECLAIMING),
-    resolutionReducer:      createReducer(null, actions.SET_RESOLUTION),
-    selectedCrypsReducer:   createReducer([null, null, null], actions.SET_SELECTED_CRYPS),
-    showLogReducer:         createReducer(false, actions.SET_SHOW_LOG),
-    vboxHiddenReducer:      createReducer(false, actions.SET_VBOX_HIDDEN),
-    vboxHighlightReducer:   createReducer([], actions.SET_VBOX_HIGHLIGHT),
-    vboxInfoReducer:        createReducer({ combos: [], vars: [] }, actions.SET_VBOX_INFO),
-    wsReducer:              createReducer(null, actions.SET_WS),
+    account:        createReducer(null, actions.SET_ACCOUNT),
+    activeCryp:     createReducer(null, actions.SET_ACTIVE_CRYP),
+    activeSkill:    createReducer(null, actions.SET_ACTIVE_SKILL),
+    activeVar:      createReducer(null, actions.SET_ACTIVE_VAR),
+    combiner:       createReducer([null, null, null], actions.SET_COMBINER),
+    cryps:          createReducer([], actions.SET_CRYPS),
+    game:           createReducer(null, actions.SET_GAME),
+    info:           createReducer([null, null], actions.SET_INFO),
+    instance:       createReducer(null, actions.SET_INSTANCE),
+    instances:      createReducer([], actions.SET_INSTANCES),
+    nav:            createReducer(null, actions.SET_NAV),
+    ping:           createReducer(null, actions.SET_PING),
+    player:         createReducer(null, actions.SET_PLAYER),
+    reclaiming:     createReducer(false, actions.SET_RECLAIMING),
+    resolution:     createReducer(null, actions.SET_RESOLUTION),
+    selectedCryps:  createReducer([null, null, null], actions.SET_SELECTED_CRYPS),
+    showLog:        createReducer(false, actions.SET_SHOW_LOG),
+    vboxHidden:     createReducer(false, actions.SET_VBOX_HIDDEN),
+    vboxHighlight:  createReducer([], actions.SET_VBOX_HIGHLIGHT),
+    vboxInfo:       createReducer({ combos: [], vars: [] }, actions.SET_VBOX_INFO),
+    ws:             createReducer(null, actions.SET_WS),
 };