import React, {
    Component
} from 'react';
//import logo from './logo.svg';
import './App.css';
import { PageRouter } from './components/PageRouter';
import * as firebase from 'firebase';

class App extends Component {
    state = {
        currentUser: null
    }

    componentWillMount() {
        firebase.auth().onAuthStateChanged(  user => {
            if (user === null) {
                localStorage.removeItem('user', null);
            } else {
                localStorage.setItem('user', user.uid);
            }

            this.setState({
                currentUser: user
            });

        } );
    }

    render() {
        return(
            <div className="App">
                <PageRouter />
            </div>
        );
    }
}
export default App;

@@ -43,58 +43,270 @@
 t';%0A
-//
 import 
-logo from './logo.svg';%0Aimport './App.css
+%7B%0A  BrowserRouter as Router,%0A  Route,%0A  Switch%0A%7D from 'react-router-dom';%0Aimport * as firebase from 'firebase';%0Aimport %7B NavigationBar %7D from './components/NavigationBar';%0Aimport %7B%0A    Signin,%0A    SecuredRoute,%0A    UnsecuredRoute%0A%7D from './components/Auth
 ';%0Ai
@@ -313,26 +313,28 @@
 mport %7B 
-Page
+No
 Route
-r
+Match
  %7D from 
@@ -347,26 +347,28 @@
 ponents/
-Page
+No
 Route
-r
+Match
 ';%0Aimpor
@@ -373,35 +373,97 @@
 ort 
-* as firebase from 'firebas
+%7B AdminRouter %7D from './components/Admin';%0Aimport %7B PageHome %7D from './components/PageHom
 e';%0A
@@ -945,19 +945,45 @@
        %3C
-div
+Router%3E%0A                %3Cmain
  classNa
@@ -986,17 +986,17 @@
 ssName=%22
-A
+a
 pp%22%3E%0A   
@@ -1012,40 +1012,415 @@
     
+ 
-%3CPageRouter /%3E%0A            %3C/div
+   %3CNavigationBar /%3E%0A%0A                    %3CSwitch%3E%0A                        %3CRoute exact path=%22/%22 component=%7BPageHome%7D/%3E%0A                        %3CUnsecuredRoute path=%22/signin%22 component=%7BSignin%7D/%3E%0A                        %3CSecuredRoute path=%22/admin%22 component=%7BAdminRouter%7D/%3E%0A                        %3CRoute component=%7BNoRouteMatch%7D/%3E%0A                    %3C/Switch%3E%0A                %3C/main%3E%0A            %3C/Router
 %3E%0A  
@@ -1436,16 +1436,17 @@
     %7D%0A%7D%0A
+%0A
 export d

Implement Router direct to App Component