AppRoutes.js

// Copyright (c) Cosmo Tech.
// Licensed under the MIT license.
import React from 'react';
import { Navigate, Route, createBrowserRouter, RouterProvider, createRoutesFromElements } from 'react-router-dom';
import { getAllTabs } from './AppLayout';
import { UserStatusGate } from './components/UserStatusGate';
import { TabLayout } from './layouts';
import { RouterUtils } from './utils';
import Workspaces from './views/Workspaces';

const AppRoutes = () => {
  const providedUrl = sessionStorage.getItem('providedUrl');
  const providedUrlBeforeSignIn = sessionStorage.getItem('providedUrlBeforeSignIn');
  const redirectPath = RouterUtils.getLocationRelativePath(providedUrlBeforeSignIn ?? providedUrl ?? '/workspaces');
  const tabs = getAllTabs();

  const router = createBrowserRouter(
    createRoutesFromElements(
      <>
        <Route path="/" element={<Navigate to={redirectPath} replace />} />
        <Route
          path="/workspaces"
          element={
            <UserStatusGate>
              <Workspaces />
            </UserStatusGate>
          }
        />
        <Route
          path=":workspaceId"
          element={
            <UserStatusGate>
              <Navigate to="scenario" replace />
            </UserStatusGate>
          }
        />
        <Route
          element={
            <UserStatusGate>
              <TabLayout tabs={tabs} />
            </UserStatusGate>
          }
        >
          {tabs?.map((tab) => (
            <Route
              key={tab.key}
              path={`:workspaceId/${tab.to}`}
              element={<UserStatusGate>{tab.render}</UserStatusGate>}
            >
              {['scenario', 'instance'].includes(tab.to) && (
                <Route path=":scenarioId" element={<UserStatusGate>{tab.render}</UserStatusGate>} />
              )}
            </Route>
          ))}
        </Route>
        <Route
          path="/sign-in"
          element={
            <UserStatusGate>
              <Navigate to={redirectPath} />
            </UserStatusGate>
          }
        />
        <Route
          path="/accessDenied"
          element={
            <UserStatusGate>
              <Navigate to="/workspaces" />
            </UserStatusGate>
          }
        />
        <Route path="*" element={<Navigate to={'/workspaces'} />} />
      </>
    ),
    {
      basename: process.env.PUBLIC_URL ?? '',
    }
  );

  return <RouterProvider router={router} />;
};

export default AppRoutes;