index.tsx

import Login from 'app/containers/Authentication/Login';
import Register from 'app/containers/Authentication/Register';
import Dashboard from 'app/containers/Dashboard';
import Leaderboard from 'app/containers/Leaderboard';
import UserProfileModal from 'app/containers/UserProfileModal';
import { Routes } from 'app/routes';
// @ts-ignore
import { initializeRendererAssets } from 'codecharacter-renderer';
import * as React from 'react';
import { hot } from 'react-hot-loader';
// @ts-ignore
import { Sugar } from 'react-preloaders';
import { BrowserRouter, Route, Switch } from 'react-router-dom';
import { ToastProvider } from 'react-toast-notifications';

initializeRendererAssets();

/* tslint:disable-next-line:variable-name */
export const App = hot(module)(() => (
  <BrowserRouter>
    <ToastProvider placement="bottom-right">
      <Switch>
        <Route exact path={Routes.ROOT} component={Dashboard} />
        <Route exact path={Routes.LOGIN} component={Login} />
        <Route exact path={Routes.REGISTER} component={Register} />
        <Route exact path={Routes.LEADERBOARD} component={Leaderboard} />
        <Route exact path={Routes.USER_PROFILE_MODEL} component={UserProfileModal} />
      </Switch>
      <Sugar background="#484848" color="white" />
    </ToastProvider>
  </BrowserRouter>
));