App.js

import React, { Component } from 'react';
import { connect } from 'react-redux';
import Header from '../../components/header';
import { attemptUserAuthentication, logoutAndRedirect } from '../../actions/auth';
import { getUserInfo, sendConfirmationEmail } from '../../actions/users';

@connect(state => ({
  auth: state.auth,
  users: state.users
}))
export default class App extends Component {
  componentWillMount() {
    this.props.dispatch(attemptUserAuthentication());
  }

  componentWillReceiveProps() {
    const { dispatch, auth, users } = this.props;

    if (auth.isAuthenticated && !users) {
      dispatch(getUserInfo());
    }
  }

  render() {
    const { dispatch, users, children } = this.props;

    return (
      <div className="app">
        <Header
          user={users}
          onLogout={() => dispatch(logoutAndRedirect())}
          onResendEmail={() => dispatch(sendConfirmationEmail())} />

        {children}
      </div>
    )
  }
}