app\static\components\Home(1).jsx

import React, { Component } from 'react';


const LoggedOutView = props => {
    if (!props.currentUser) {
        return (
            <h4>Welcome to Offbrand!</h4>
        )
    }
    return null;
};

const LoggedInView = props => {

    if (props.currentUser) {
        return (
            <h4>Welcome back, {props.currentUser.name ? props.currentUser.name : props.currentUser.username}</h4>
        )
    }
    return null;
};

class Home extends Component {

    render() {
        return (
            <div className="container page">
                <LoggedOutView currentUser={this.props.currentUser} />

                <LoggedInView currentUser={this.props.currentUser} />
            </div>
            )
        }
    }

export default Home