Improve the login function

If a token is in the localStorage of the browser we now assume that the
user is already logged in. If that's no the case, he will be redirected
to the login page.

src/public/js/actions/actionCreators.js

@@ -38,12 +38,6 @@ export function userLogout() {
   }
 }
 
-export function isUserLoggedIn() {
-  return {
-    type: 'IS_USER_LOGGED_IN',
-  }
-}
-
 export function loginUser(username, password) {
   return request(
     'USER_LOGIN',

src/public/js/app.js

@@ -44,21 +44,16 @@ import UserLoginForm from './components/users/login'
 import UserEdit from './components/users/edit'
 import UserSignUp from './components/users/signup'
 
-class Main extends React.Component {
+function Main(props) {
-  componentWillMount() {
+  return (
-    this.props.isUserLoggedIn();
+    <div>
-  }
+      <NavBar {...props}/>
-  render() {
+      <Alert {...props}/>
-    return (
+      <div className="container-fluid">
-      <div>
+        {React.cloneElement(props.children, props)}
-        <NavBar {...this.props}/>
-        <Alert {...this.props}/>
-        <div className="container-fluid">
-          {React.cloneElement(this.props.children, this.props)}
-        </div>
       </div>
-    );
+    </div>
-  }
+  );
 }
 
 function mapStateToProps(state) {
@@ -79,8 +74,21 @@ const App = connect(mapStateToProps, mapDispatchToProps)(Main);
 const loginCheck = function(nextState, replace, next, f) {
   const state = store.getState();
   const isLogged = state.userStore.isLogged;
-  if (!isLogged) {
+  let token = localStorage.getItem('token');
-    replace('/users/login');
+
+  // Let's check if the user has a token, if he does let's assume he's logged
+  // in. If that's not the case he will be logged out on the fisrt query
+  if (token !== "") {
+    store.dispatch({
+      type: 'USER_SET_TOKEN',
+      payload: {
+        token: token,
+      },
+    });
+  }
+
+  if (!isLogged && token === "") {
+      replace('/users/login');
   } else {
     f();
   }

src/public/js/reducers/users.js

@@ -20,12 +20,8 @@ export default function userStore(state = defaultState, action) {
         return logoutUser(state)
       }
       return updateFromToken(state, action.payload.data.token)
-    case 'IS_USER_LOGGED_IN':
+    case 'USER_SET_TOKEN':
-      let localToken = localStorage.getItem('token');
+      return updateFromToken(state, action.payload.token)
-      if (!localToken || localToken === "") {
-        return state;
-      }
-      return updateFromToken(state, localToken)
     case 'USER_LOGOUT':
       return logoutUser(state)
     case 'GET_USER_FULFILLED':