auth - get token from localstorage

// Child components
import Header from './Header';

// modules for a redux-connected React component
import React from 'react';
import { connect } from 'react-redux';
import agent from '../agent';

// extract appName from state
const mapStateToProps = state => ({
  appName: state.appName,
  currentUser: state.common.currentUser,
  redirectTo: state.common.redirectTo
});

const mapDispatchToProps = dispatch => ({
  onLoad: (payload, token) =>
    dispatch({ type: 'APP_LOAD', payload, token }),
  onRedirect: () =>
    dispatch({ type: 'REDIRECT' })
});

// render the appname
class App extends React.Component {
  componentWillMount() {
    // get token from localstorage
    const token = window.localStorage.getItem('jwt');
    if (token) {
      // pass it to agent
      agent.setToken(token);
    }
    // add it to state
    this.props.onLoad(token ? agent.Auth.current() : null, token);
  }
  // handle redirect if necessary
  componentWillReceiveProps(nextProps) {
    // need to redirect
    if (nextProps.redirectTo) {
      // redirect to given route
      this.context.router.replace(nextProps.redirectTo);
      // update redirectTo in state
      this.props.onRedirect();
    }
  }

  render() {
    return (
      // render Header and children from router below that
      <div>
        <Header appName={this.props.appName} />
        {this.props.children}
      </div>
    );
  }
}

// ensure react-router attaches children to this component's props
App.contextTypes = {
  router: React.PropTypes.object.isRequired
};

// export redux-connected App
export default connect(mapStateToProps, mapDispatchToProps)(App);