email state

client/src/actions.jsx

@@ -16,6 +16,7 @@ export const setConstructs = value => ({ type: 'SET_CONSTRUCTS', value });
 export const setConstructRename = value => ({ type: 'SET_CONSTRUCT_RENAME', value });
 export const setGame = value => ({ type: 'SET_GAME', value });
 export const setInfo = value => ({ type: 'SET_INFO', value });
+export const setEmail = value => ({ type: 'SET_EMAIL', value });
 export const setInstance = value => ({ type: 'SET_INSTANCE', value });
 export const setInstances = value => ({ type: 'SET_INSTANCES', value });
 export const setItemEquip = value => ({ type: 'SET_ITEM_EQUIP', value });

client/src/components/account.management.jsx

@@ -12,6 +12,7 @@ const addState = connect(
     function receiveState(state) {
         const {
             account,
+            email,
             ping,
             ws,
         } = state;
@@ -51,6 +52,7 @@ const addState = connect(
         return {
             account,
             ping,
+            email,
             logout,
             setPassword,
             setEmail,
@@ -74,6 +76,7 @@ class AccountStatus extends Component {
         const {
             account,
             ping,
+            email,
             logout,
             setPassword,
             setEmail,
@@ -105,9 +108,9 @@ class AccountStatus extends Component {
                     <label for="email">Email Settings:</label>
                     <dl>
                         <dt>Recovery Email</dt>
-                        <dd>{account.email ? account.email : 'No email set'}</dd>
+                        <dd>{email ? email.email : 'No email set'}</dd>
                         <dt>Status</dt>
-                        <dd>{account.email_confirmed ? 'Confirmed' : 'Unconfirmed'}</dd>
+                        <dd>{email && email.confirmed ? 'Confirmed' : 'Unconfirmed'}</dd>
                     </dl>
                     <input
                         class="login-input"

client/src/events.jsx

@@ -101,6 +101,10 @@ function registerEvents(store) {
         store.dispatch(actions.setAccount(account));
     }
 
+    function setEmail(email) {
+        store.dispatch(actions.setEmail(email));
+    }
+
     function setShop(v) {
         store.dispatch(actions.setShop(v));
     }
@@ -212,6 +216,7 @@ function registerEvents(store) {
         setConstructList,
         setNewConstruct,
         setGame,
+        setEmail,
         setInstance,
         setItemInfo,
         setPing,

client/src/reducers.jsx

@@ -28,6 +28,7 @@ module.exports = {
     constructEditId:    createReducer(null, 'SET_CONSTRUCT_EDIT_ID'),
     constructRename:    createReducer(null, 'SET_CONSTRUCT_RENAME'),
     game:               createReducer(null, 'SET_GAME'),
+    email:              createReducer(null, 'SET_EMAIL'),
     info:               createReducer(null, 'SET_INFO'),
     instance:           createReducer(null, 'SET_INSTANCE'),
     instances:          createReducer([], 'SET_INSTANCES'),

client/src/socket.jsx

@@ -150,6 +150,10 @@ function createSocket(events) {
         events.setShop(shop);
     }
 
+    function onEmailState(v) {
+        events.setEmail(v);
+    }
+
     function onAccountInstances(list) {
         events.setAccountInstances(list);
     }
@@ -198,6 +202,7 @@ function createSocket(events) {
         AccountShop: onAccountShop,
         ConstructSpawn: onConstructSpawn,
         GameState: onGameState,
+        EmailState: onEmailState,
         InstanceState: onInstanceState,
         ItemInfo: onItemInfo,
         Pong: onPong,