import { Component, Fragment } from 'react';
import { hot } from 'react-hot-loader';
import { HashRouter } from 'react-router-dom'; // ou BrowserRouter
import { Route, Switch, Redirect } from 'react-router';
import { ConnectedHomePage as HomePage } from './pages/home';
import { ConnectedLoginPage as LoginPage } from './pages/login';
import DashBoardClient from './pages/DashBoardClient';
import DashBoardDev from './pages/DashBoardDev';
import { ConnectedLogoutPage as LogoutPage } from './pages/logout';
import { connect } from 'react-redux';
import { history } from './util/history';

export class App extends Component {
    render () {
        return (
            <Fragment>
                <HashRouter history={history}>
                    <Switch>
                        <Route path='/login' exact component={LoginPage} />
                        <Route path='/logout' exact component={LogoutPage} />
                        <Route path='/home' exact component={HomePage} />
                        <Route path='/dashboard-client' exact component={DashBoardClient} />
                        <Route path='/dashboard-dev' exact component={DashBoardDev} />
                        <Route component={() => <Redirect to="/home" />} />
                    </Switch>
                </HashRouter>
            </Fragment>
        );
    }
}

export const ConnectedApp = connect()(App);
export const HotApp = hot(module)(ConnectedApp);