From 3584ff617966af35ddd0fd45ef2df7cdfb8f5071 Mon Sep 17 00:00:00 2001
From: Haishan <haishanhan@gmail.com>
Date: Tue, 4 Dec 2018 23:39:26 +0800
Subject: feat: initial theming support

---
 src/components/Root.js | 40 ++++++++++++++++++++++------------------
 1 file changed, 22 insertions(+), 18 deletions(-)

(limited to 'src/components/Root.js')

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} />
 
-- 
cgit v1.3.1