import React, { Component } from 'react'
import './App.css'
import {
    BrowserRouter as Router,
    Route,
    Switch,
    Redirect
} from 'react-router-dom'
import PrivateRoute from '../PrivateRoute'
import SideMenu from 'SideMenu'
import Main from 'Main'
import Login from 'Login'
import { ErrorBoundary } from '../Views'

const ProtectedContent = (props) => (
    <ErrorBoundary>
        <SideMenu {...props} />
        <Main {...props} />
    </ErrorBoundary>
)

const App = () => (
    <Router>
        <Switch>
            <Route exact path='/' render={() => <Redirect to='/siceved' />} />
            <PrivateRoute path='/siceved' component={ProtectedContent} />
            <Route path='/login' component={Login} />
            <Route render={() => <Redirect to='/login' />} />
        </Switch>
    </Router>
)

export default App