import React, { Component } from 'react'; import Layout from './components/Layout/Layout'; import './App.css'; import { Route,Switch } from 'react-router-dom'; import mainbuilder from './containers/mainbuilder/mainbuilder'; import { connect } from 'react-redux'; import { withRouter } from 'react-router-dom'; class App extends Component { render() { let layout = null; console.log('TopBar '+this.props.topbar); console.log('loginpage '+this.props.loginpage); console.log('islight '+this.props.islight); layout = ( <Layout topbar={this.props.topbar} islight={this.props.islight} loginpage={this.props.loginpage}> <Switch> <Route path="/" component={mainbuilder} /> </Switch> </Layout>); return ( <div className="App"> {layout} </div> ); } } const mapStatetoProps = state =>{ return { topbar: state.ui_red.topbar, loginpage: state.ui_red.loginpage, islight: state.ui_red.islight, }; } export default withRouter(connect(mapStatetoProps)(App));