From c2edbae9cc239268ef6cf77c8ae6e4ba2aacf21f Mon Sep 17 00:00:00 2001
From: Mcat12 <newtoncat12@yahoo.com>
Date: Sun, 30 Jul 2017 14:37:12 -0400
Subject: [PATCH] Add empty Whitelist page

Signed-off-by: Mcat12 <newtoncat12@yahoo.com>
---
 src/components/Sidebar/Sidebar.js | 19 ++++++++++++++++---
 src/containers/Full/Full.js       | 14 ++++++++------
 src/routes.js                     |  3 ++-
 src/views/Whitelist/Whitelist.js  |  9 +++++++++
 src/views/Whitelist/package.json  |  6 ++++++
 5 files changed, 41 insertions(+), 10 deletions(-)
 create mode 100644 src/views/Whitelist/Whitelist.js
 create mode 100644 src/views/Whitelist/package.json

diff --git a/src/components/Sidebar/Sidebar.js b/src/components/Sidebar/Sidebar.js
index c22fdd1..fd023da 100644
--- a/src/components/Sidebar/Sidebar.js
+++ b/src/components/Sidebar/Sidebar.js
@@ -22,7 +22,11 @@ class Sidebar extends Component {
           <ul className="nav">
             <li className="nav-title">
               <img src="/img/logo.svg" className="img-responsive pull-left" style={{height: "67px"}} alt=""/>
-              <p className="pull-left" style={{paddingLeft: "15px", textTransform: "initial", fontSize: "14px", marginBottom: "initial", lineHeight: "14px", color: "white"}}>
+              <p className="pull-left"
+                 style={{
+                   paddingLeft: "15px", textTransform: "initial", fontSize: "14px", marginBottom: "initial",
+                   lineHeight: "14px", color: "white"
+                 }}>
                 Pi-hole
               </p>
               <br/>
@@ -31,10 +35,19 @@ class Sidebar extends Component {
               </span>
             </li>
             <li className="nav-item">
-              <NavLink to={'/dashboard'} className="nav-link" activeClassName="active"><i className="fa fa-dashboard"/> Dashboard</NavLink>
+              <NavLink to={'/dashboard'} className="nav-link" activeClassName="active">
+                <i className="fa fa-dashboard"/> Dashboard
+              </NavLink>
             </li>
             <li className="nav-item">
-              <NavLink to={'/query-log'} className="nav-link" activeClassName="active"><i className="fa fa-database"/> Query Log</NavLink>
+              <NavLink to={'/query-log'} className="nav-link" activeClassName="active">
+                <i className="fa fa-database"/> Query Log
+              </NavLink>
+            </li>
+            <li className="nav-item">
+              <NavLink to={'/whitelist'} className="nav-link" activeClassName="active">
+                <i className="fa fa-check-square-o"/> Whitelist
+              </NavLink>
             </li>
           </ul>
         </nav>
diff --git a/src/containers/Full/Full.js b/src/containers/Full/Full.js
index f16fb73..850babc 100644
--- a/src/containers/Full/Full.js
+++ b/src/containers/Full/Full.js
@@ -1,12 +1,13 @@
 import React, { Component } from 'react';
 import { Switch, Route, Redirect } from 'react-router-dom'
-import Header from '../../components/Header/';
-import Sidebar from '../../components/Sidebar/';
-import Breadcrumb from '../../components/Breadcrumb/';
-import Aside from '../../components/Aside/';
-import Footer from '../../components/Footer/';
-import Dashboard from '../../views/Dashboard/';
+import Header from '../../components/Header';
+import Sidebar from '../../components/Sidebar';
+import Breadcrumb from '../../components/Breadcrumb';
+import Aside from '../../components/Aside';
+import Footer from '../../components/Footer';
+import Dashboard from '../../views/Dashboard';
 import QueryLog from '../../components/QueryLog';
+import Whitelist from '../../views/Whitelist';
 
 class Full extends Component {
   render() {
@@ -22,6 +23,7 @@ class Full extends Component {
                 <Route path="/dashboard" name="Dashboard" component={Dashboard}/>
                 <Redirect exact from="/" to="/dashboard"/>
                 <Route path="/query-log" name="Query Log" component={QueryLog}/>
+                <Route path="/whitelist" name="Whitelist" component={Whitelist}/>
               </Switch>
             </div>
           </main>
diff --git a/src/routes.js b/src/routes.js
index 0da958f..8a1a8bb 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -1,6 +1,7 @@
 const routes = {
   '/': 'Admin',
   '/dashboard': 'Dashboard',
-  '/query-log': 'Query Log'
+  '/query-log': 'Query Log',
+  '/whitelist': 'Whitelist'
 };
 export default routes;
diff --git a/src/views/Whitelist/Whitelist.js b/src/views/Whitelist/Whitelist.js
new file mode 100644
index 0000000..29667f6
--- /dev/null
+++ b/src/views/Whitelist/Whitelist.js
@@ -0,0 +1,9 @@
+import React, { Component } from 'react';
+
+class Whitelist extends Component {
+  render() {
+    return <p>Whitelist</p>;
+  }
+}
+
+export default Whitelist;
\ No newline at end of file
diff --git a/src/views/Whitelist/package.json b/src/views/Whitelist/package.json
new file mode 100644
index 0000000..d070ad8
--- /dev/null
+++ b/src/views/Whitelist/package.json
@@ -0,0 +1,6 @@
+{
+  "name": "Whitelist",
+  "version": "0.0.0",
+  "private": true,
+  "main": "./Whitelist.js"
+}