import React, { Component } from 'react'
import { connect } from 'react-redux';

class Home extends Component {
  render () {
    return (
      <div>
        {this.props.error && (
          <div className="alert alert-danger" role="alert">
            {this.props.error.message}
          </div>
        )}
        <h1>UnwiseConnect</h1>
        <p>Hi.</p>
      </div>
    )
  }
}

const mapStateToProps = state => {
  return {
    error: state.error,
  };
};

export default connect(mapStateToProps)(Home);

import React, { Component } from 'react'
import { connect } from 'react-redux';

class Home extends Component {
  render () {
    return (
      <div>
        {this.props.error && (
          <div className="alert alert-danger" role="alert">
            {this.props.error.message}
          </div>
        )}
        <div className="jumbotron">
          <h1>UnwiseConnect</h1>
          <hr/>
          <p>Welcome to UnwiseConnect. To get started with time tracking, please authenticate.</p>
        </div>
      </div>
    )
  }
}

const mapStateToProps = state => {
  return {
    error: state.error,
  };
};

export default connect(mapStateToProps)(Home);

Add message to logged-out homescreen