diff options
| author | Haishan <[email protected]> | 2018-12-04 23:39:26 +0800 |
|---|---|---|
| committer | Haishan <[email protected]> | 2018-12-07 00:19:49 +0800 |
| commit | 3584ff617966af35ddd0fd45ef2df7cdfb8f5071 (patch) | |
| tree | 83f4f535d1fd3ca1c85807a1c2b397cf9b6733c5 /src/components/Root.js | |
| parent | a265c62020d4dd3a4e57e5ad0894794461dd8385 (diff) | |
feat: initial theming support
Diffstat (limited to 'src/components/Root.js')
| -rw-r--r-- | src/components/Root.js | 40 |
1 files changed, 22 insertions, 18 deletions
diff --git a/src/components/Root.js b/src/components/Root.js index e9d9141..60b89f4 100644 --- a/src/components/Root.js +++ b/src/components/Root.js @@ -4,7 +4,7 @@ import { HashRouter as Router, Route } from 'react-router-dom'; // import { hot } from 'react-hot-loader'; // import createHistory from 'history/createHashHistory'; // import createHistory from 'history/createBrowserHistory'; - +import Theme from 'c/Theme'; import SideBar from 'c/SideBar'; import Home from 'c/Home'; import Logs from 'c/Logs'; @@ -23,23 +23,27 @@ import s0 from './Root.module.scss'; window.store = store; -const Root = () => ( - <Provider store={store}> - <Router> - <div className={s0.app}> - <APIDiscovery /> - <Route path="/" render={() => <SideBar />} /> - <div className={s0.content}> - <Route exact path="/" render={() => <Home />} /> - <Route exact path="/overview" render={() => <Home />} /> - <Route exact path="/configs" render={() => <Config />} /> - <Route exact path="/logs" render={() => <Logs />} /> - <Route exact path="/proxies" render={() => <Proxies />} /> - </div> - </div> - </Router> - </Provider> -); +const Root = () => { + return ( + <Provider store={store}> + <Theme> + <Router> + <div className={s0.app}> + <APIDiscovery /> + <Route path="/" render={() => <SideBar />} /> + <div className={s0.content}> + <Route exact path="/" render={() => <Home />} /> + <Route exact path="/overview" render={() => <Home />} /> + <Route exact path="/configs" render={() => <Config />} /> + <Route exact path="/logs" render={() => <Logs />} /> + <Route exact path="/proxies" render={() => <Proxies />} /> + </div> + </div> + </Router> + </Theme> + </Provider> + ); +}; // <Route exact path="/__0" component={StyleGuide} /> // <Route exact path="/__1" component={Loading} /> |
