USER auto refresh

browser/main/HomePage/ArticleNavigator.js

@@ -33,12 +33,14 @@ export default class ArticleNavigator extends React.Component {
 
     let activeFolder = findWhere(activeUser.Folders, {id: status.folderId})
 
-    let folders = activeUser.Folders.map((folder, index) => {
-      return (
-        <button key={'folder-' + folder.id} className={activeFolder != null && activeFolder.id === folder.id ? 'active' : ''}>
-        <FolderMark id={folder.id}/> {folder.name} {folder.public ? <i className='fa fa-fw fa-lock'/> : null}</button>
-      )
-    })
+    let folders = activeUser.Folders != null
+      ? activeUser.Folders.map((folder, index) => {
+        return (
+          <button key={'folder-' + folder.id} className={activeFolder != null && activeFolder.id === folder.id ? 'active' : ''}>
+          <FolderMark id={folder.id}/> {folder.name} {folder.public ? <i className='fa fa-fw fa-lock'/> : null}</button>
+        )
+      })
+      : []
 
     let members = Array.isArray(activeUser.Members) ? activeUser.Members.sort((a, b) => {
       return new Date(a._pivot_createdAt) - new Date(b._pivot_createdAt)

lib/actions.js

@@ -23,7 +23,7 @@ export const UNSYNCED = 'UNSYNCED'
 export function updateUser (user) {
   return {
     type: USER_UPDATE,
-    data: user
+    data: { user }
   }
 }
 

lib/reducer.js

@@ -25,7 +25,7 @@ function getInitialArticles () {
 function currentUser (state, action) {
   switch (action.type) {
     case USER_UPDATE:
-      let user = action.data
+      let user = action.data.user
 
       return auth.user(user)
     default:

lib/socket.js

@@ -2,7 +2,7 @@ import { API_URL } from '../config'
 import socketio from 'socket.io-client'
 import auth from './auth'
 import store from './store'
-import { updateArticle, destroyArticle } from './actions'
+import { updateUser, updateArticle, destroyArticle } from './actions'
 
 export const CONN = 'CONN'
 export const ALERT = 'ALERT'
@@ -27,6 +27,8 @@ io.on(ALERT, function (data) {
 
 io.on(USER_UPDATE, function (data) {
   console.log(USER_UPDATE, data)
+  let { user } = data
+  store.dispatch(updateUser(user))
 })
 
 io.on(ARTICLE_UPDATE, function (data) {