user-load.jsx

import React from 'react';
import {connect} from 'react-redux';
import {Link} from 'react-router';

import {fetchCurrentUser} from '../../common/ducks/index';

function stateToProps(state) {
    return {
        user: state.$user
    };
}

function actionsToProps(dispatch) {
    return {
        fetchCurrentUser: () => dispatch(fetchCurrentUser())
    };
}

export default (Component) => {
    class $$User extends React.Component {
        componentWillMount() {
            this.requestUser();
        }

        requestUser() {
            if (!this.props.user) {
                this.props.fetchCurrentUser();
            }
        }

        render() {
            let loginLink = (
                <div>You should <Link to="/login">loggin in</Link></div>);
            return (
                this.props.user ?
                    <Component {...this.props}/> : loginLink
            );
        }
    }
    return connect(stateToProps, actionsToProps)($$User);
};