Add empty Whitelist page

Signed-off-by: Mcat12 <newtoncat12@yahoo.com>

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>

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>

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;

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;

src/views/Whitelist/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "Whitelist",
+  "version": "0.0.0",
+  "private": true,
+  "main": "./Whitelist.js"
+}