import React from "react";
import { BrowserRouter, Route, Switch } from "react-router-dom";
import { NotFoundPage, ConnectPage, HomePage, SharePage, LogoutPage, FilesPage, ViewerPage } from "./pages/";
import { URL_HOME, URL_FILES, URL_VIEWER, URL_LOGIN, URL_LOGOUT, URL_ADMIN, URL_SHARE } from  "./helpers/";
import { Bundle, ModalPrompt, ModalAlert, ModalConfirm, Notification, UploadQueue } from "./components/";

const AdminPage = (props) => (
    <Bundle loader={import(/* webpackChunkName: "admin" */"./pages/adminpage")} symbol="AdminPage">
      {(Comp) => <Comp {...props}/>}
    </Bundle>
);

export default class AppRouter extends React.Component {
    render() {
        return (
            <div style={{height: "100%"}}>
              <BrowserRouter>
                <Switch>
                  <Route exact path={URL_HOME} component={HomePage} />
                  <Route path={`${URL_SHARE}/:id*`} component={SharePage} />
                  <Route path={URL_LOGIN} component={ConnectPage} />
                  <Route path={`${URL_FILES}/:path*`} component={FilesPage} />
                  <Route path={`${URL_VIEWER}/:path*`} component={ViewerPage} />
                  <Route path={URL_LOGOUT} component={LogoutPage} />
                  <Route path={URL_ADMIN} component={AdminPage} />
                  <Route component={NotFoundPage} />
                </Switch>
              </BrowserRouter>
              <ModalPrompt /> <ModalAlert /> <ModalConfirm />
              <Notification /> <UploadQueue/>
            </div>
        );
    }
}