EMS-ESP32/interface/src/AuthenticatedRouting.tsx

// import { useCallback, useEffect } from 'react';
import { Navigate, Routes, Route } from 'react-router-dom';
import Dashboard from './project/Dashboard';
import Help from './project/Help';
import Settings from './project/Settings';
// import type { AxiosError } from 'axios';
import type { FC } from 'react';

// import * as AuthenticationApi from 'api/authentication';
// import { AXIOS } from 'api/endpoints';
import { Layout, RequireAdmin } from 'components';

import AccessPoint from 'framework/ap/AccessPoint';
import Mqtt from 'framework/mqtt/Mqtt';
import NetworkConnection from 'framework/network/NetworkConnection';
import NetworkTime from 'framework/ntp/NetworkTime';
import Security from 'framework/security/Security';
import System from 'framework/system/System';

const AuthenticatedRouting: FC = () => (
  // const location = useLocation();
  // const navigate = useNavigate();

  // TODO not sure if this is needed, to redirect on 401. If so add incerceptor to Alova
  // const handleApiResponseError = useCallback(
  //   (error: AxiosError) => {
  //     if (error.response && error.response.status === 401) {
  //       AuthenticationApi.storeLoginRedirect(location);
  //       navigate('/unauthorized');
  //     }
  //     return Promise.reject(error);
  //   },
  //   [location, navigate]
  // );

  // useEffect(() => {
  //   const axiosHandlerId = AXIOS.interceptors.response.use((response) => response, handleApiResponseError);
  //   return () => AXIOS.interceptors.response.eject(axiosHandlerId);
  // }, [handleApiResponseError]);

  <Layout>
    <Routes>
      <Route path="/dashboard/*" element={<Dashboard />} />
      <Route
        path="/settings/*"
        element={
          <RequireAdmin>
            <Settings />
          </RequireAdmin>
        }
      />
      <Route path="/help/*" element={<Help />} />

      <Route path="/network/*" element={<NetworkConnection />} />
      <Route path="/ap/*" element={<AccessPoint />} />
      <Route path="/ntp/*" element={<NetworkTime />} />
      <Route path="/mqtt/*" element={<Mqtt />} />
      <Route
        path="/security/*"
        element={
          <RequireAdmin>
            <Security />
          </RequireAdmin>
        }
      />
      <Route path="/system/*" element={<System />} />
      <Route path="/*" element={<Navigate to="/" />} />
    </Routes>
  </Layout>
);
export default AuthenticatedRouting;