DocumentOrganizer/src/AppRoutes.js

import React, { useEffect } from "react";
import { Redirect, Route, Switch } from "react-router-dom";
import { useDispatch } from "react-redux";
import { refreshUserToken } from "./store/actions/login/loginActions";
import { useLocation } from "react-router-dom";

import {
  // ADS_PAGE,
  // AD_DETAILS_PAGE,
  FORGOT_PASSWORD_PAGE,
  FORGOT_PASSWORD_CONFIRMATION_PAGE,
  NOT_FOUND_PAGE,
  ERROR_PAGE,
  BASE_PAGE,
  RESET_PASSWORD_PAGE,
  USERS_PAGE,
  // CANDIDATES_PAGE,
  USER_DETAILS_PAGE,
  // CANDIDATES_DETAILS_PAGE,
  // SELECTION_PROCESS_PAGE,
  // SELECTION_PROCESS_OF_APPLICANT_PAGE,
  // PATTERNS_PAGE,
  // PATTERN_DETAILS_PAGE,
  // SCHEDULE_PAGE,
  // STATS_PAGE,
  REGISTER_PAGE,
  // CREATE_AD_PAGE,
  // FILES_VIEW_PAGE,
  ADD_FILE,
  FILES_PAGE,
  FILES_DEPTH_PAGE
} from "./constants/pages";

import LoginPage from "./pages/LoginPage/LoginPageMUI";
// import AdsPage from "./pages/AdsPage/AdsPage";
import NotFoundPage from "./pages/ErrorPages/NotFoundPage";
import ErrorPage from "./pages/ErrorPages/ErrorPage";
import ForgotPasswordPage from "./pages/ForgotPasswordPage/ForgotPasswordPageMUI";
import PrivateRoute from "./components/Router/PrivateRoute";
import ForgotPasswordConfirmationPage from "./pages/ForgotPasswordPage/ForgotPasswordConfirmationPageMUI";
import ResetPasswordPage from "./pages/ForgotPasswordPage/ResetPasswordPageMUI";
import UsersPage from "./pages/UsersPage/UsersPage";
// import CandidatesPage from "./pages/CandidatesPage/CandidatesPage";
// import AdDetailsPage from "./pages/AdsPage/AdDetailsPage";
import UserDetails from "./pages/UsersPage/UserDetails";
// import CandidateDetailsPage from "./pages/CandidatesPage/CandidateDetailsPage";
// import SelectionProcessPage from "./pages/SelectionProcessPage/SelectionProcessPage";
// import SelectionProcessOfApplicantPage from "./pages/SelectionProcessPage/SelectionProcessOfApplicantPage";
// import PatternsPage from "./pages/PatternsPage/PatternsPage";
// import PatternDetailsPage from "./pages/PatternsPage/PatternDetailsPage";
// import SchedulePage from "./pages/SchedulePage/SchedulePage";
// import StatsPage from "./pages/StatsPage/StatsPage";
import RegisterPage from "./pages/RegisterPage/RegisterPage";
// import CreateAdPage from "./pages/AdsPage/CreateAdPage";
// import FilesViewPage from "./pages/FilesPage/FilesViewPage";
import AddFile from "./pages/FilesPage/AddFile";
import FilesPage from "./pages/FilesPage/FilesPage";

const AppRoutes = () => {
  const dispatch = useDispatch();
  const location = useLocation();

  useEffect(() => {
    if (location.pathname === BASE_PAGE) {
      return;
    }
    dispatch(refreshUserToken());
  }, [location]);
  return (
    <Switch>
      <Route exact path={BASE_PAGE} component={LoginPage} />
      <Route path={NOT_FOUND_PAGE} component={NotFoundPage} />
      {/* <Route path={USERS_PAGE} component={UsersPage} /> */}
      <Route path={ERROR_PAGE} component={ErrorPage} />
      <Route path={FORGOT_PASSWORD_PAGE} component={ForgotPasswordPage} />
      <Route
        path={FORGOT_PASSWORD_CONFIRMATION_PAGE}
        component={ForgotPasswordConfirmationPage}
      />
      <Route exact path={REGISTER_PAGE} component={RegisterPage} />
      <Route path={RESET_PASSWORD_PAGE} component={ResetPasswordPage} />
      {/* <PrivateRoute exact path={ADS_PAGE} component={AdsPage} /> */}
      {/* <PrivateRoute exact path={AD_DETAILS_PAGE} component={AdDetailsPage} /> */}
      <PrivateRoute exact path={USER_DETAILS_PAGE} component={UserDetails} />
      <PrivateRoute exact path={USERS_PAGE} component={UsersPage} />
      {/* <PrivateRoute exact path={CANDIDATES_PAGE} component={CandidatesPage} />
      <PrivateRoute exact path={CREATE_AD_PAGE} component={CreateAdPage} /> */}
      {/* <PrivateRoute exact path={FILES_PAGE} component={FilesPage} /> */}
      {/* <PrivateRoute exact path={FILES_VIEW_PAGE} component={FilesViewPage} /> */}
      <PrivateRoute exact path={ADD_FILE} component={AddFile}/>
      <PrivateRoute exact path={FILES_PAGE} component={FilesPage}/>
      <PrivateRoute exact path={FILES_DEPTH_PAGE} component={FilesPage}/>
      {/* <PrivateRoute
        exact
        path={CANDIDATES_DETAILS_PAGE}
        component={CandidateDetailsPage}
      />
      <PrivateRoute
        exact
        path={SELECTION_PROCESS_PAGE}
        component={SelectionProcessPage}
      />
      <PrivateRoute
        exact
        path={SELECTION_PROCESS_OF_APPLICANT_PAGE}
        component={SelectionProcessOfApplicantPage}
      />
      <PrivateRoute
        exact
        path={PATTERN_DETAILS_PAGE}
        component={PatternDetailsPage}
      />
      <PrivateRoute exact path={PATTERNS_PAGE} component={PatternsPage} />
      <PrivateRoute exact path={SCHEDULE_PAGE} component={SchedulePage} />
      <PrivateRoute exact path={STATS_PAGE} component={StatsPage} /> */}
      <Redirect from="*" to={NOT_FOUND_PAGE} />
    </Switch>
  );
};

export default AppRoutes;