summaryrefslogtreecommitdiff
path: root/src/components/Root.js
diff options
context:
space:
mode:
authorHaishan <[email protected]>2018-12-04 23:39:26 +0800
committerHaishan <[email protected]>2018-12-07 00:19:49 +0800
commit3584ff617966af35ddd0fd45ef2df7cdfb8f5071 (patch)
tree83f4f535d1fd3ca1c85807a1c2b397cf9b6733c5 /src/components/Root.js
parenta265c62020d4dd3a4e57e5ad0894794461dd8385 (diff)
feat: initial theming support
Diffstat (limited to 'src/components/Root.js')
-rw-r--r--src/components/Root.js40
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} />