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>

  );

}