import React, { Component } from 'react'; import './App.css'; import TopMenu from './components/TopMenu'; import PublicPage from './components/PublicPage'; import PrivatePage from './components/PrivatePage'; import { connect } from 'react-redux'; const mapStateToProps = state => { return state } class App extends Component { render() { const user = this.props.user let workspace; if (user) { workspace = <PrivatePage /> } else { workspace = <PublicPage /> } return ( <div className="App"> <TopMenu /> {workspace} </div> ); } } export default connect(mapStateToProps)(App);