import React , { Component } from 'react' ; import { asyncComponent } from '@talamer/react-widgets' ; import { ConnectedRouter } from 'connected-react-router' ; import { Provider } from 'react-redux' ; import { createBrowserHistory } from 'history' ; import { configureStore } from './redux/store' ; import FeatureFlagGuard from './components/FeatureFlagGuard' ; import Authentication from './components/Authentication' ; const AsyncAppLayout = asyncComponent ( { loader : ( ) => import ( './components/appLayout/AppLayout' ) , } ) ; const AsyncAngularFabric8UI = asyncComponent ( { loader : ( ) => import ( './components/f8ui/AngularFabric8UI' ) , } ) ; const history = createBrowserHistory ( ) ; const store = configureStore ( history ) ; export default class App extends Component { render ( ) { return ( < Provider store = { store } > < ConnectedRouter history = { history } > < FeatureFlagGuard featureId = "NewNavigation" fallback = { < AsyncAngularFabric8UI / > } > < Authentication /> < AsyncAppLayout / > < /FeatureFlagGuard> < /ConnectedRouter> < /Provider>); } }