Proyectos de Subversion LeadersLinked - SPA

import React, { Suspense, lazy } from 'react';
import { Routes, Route } from 'react-router-dom';

import { Spinner } from '@shared/components';
import { GroupEditLayout, GroupsLayout } from '@groups/layout';

const MyGroupsPage = lazy(() => import('@groups/pages/MyGroupsPage'));
const GroupEditPage = lazy(() => import('@groups/pages/GroupEditPage'));
const GroupsRequestsSendPage = lazy(() => import('@groups/pages/GroupsRequestsSentPage'));
const GroupsRequestsReceivedPage = lazy(() => import('@groups/pages/GroupsRequestsReceivedPage'));
const JoinedGroupsPage = lazy(() => import('@groups/pages/JoinedGroupsPage'));
const GroupPage = lazy(() => import('@groups/pages/GroupPage'));

export default function GroupsRoutes() {
  return (
    <Suspense fallback={<Spinner absolute />}>
      <Routes>
        <Route element={<GroupsLayout />}>
          <Route path='my-groups'>
            <Route index element={<MyGroupsPage />} />
            <Route path='edit/:uuid' element={<GroupEditLayout />}>
              <Route index element={<GroupEditPage />} />
            </Route>
          </Route>
          <Route path='requests-sent' element={<GroupsRequestsSendPage />} />
          <Route path='invitations-received' element={<GroupsRequestsReceivedPage />} />
          <Route path='joined-groups' element={<JoinedGroupsPage />} />
          <Route path='view/:uuid' element={<GroupEditLayout />}>
            <Route index element={<GroupPage />} />
          </Route>
        </Route>
      </Routes>
    </Suspense>
  );
}