Proyectos de Subversion LeadersLinked - SPA

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

import { AccountSettingsLayout } from '@account-settings/layouts';

import { Spinner } from '@shared/components';

const BasicSettings = lazy(() => import('../pages/BasicSettings'));
const Browsers = lazy(() => import('../pages/browsers'));
const ChangeImage = lazy(() => import('../pages/change-image'));
const ChangePassword = lazy(() => import('../pages/change-password'));
const CloseAccount = lazy(() => import('../pages/close-account'));
const Devices = lazy(() => import('../pages/devices'));
const Ips = lazy(() => import('../pages/ips'));
const Location = lazy(() => import('../pages/location'));
const Notifications = lazy(() => import('../pages/Notifications'));
const Privacy = lazy(() => import('../pages/privacy'));
const Transactions = lazy(() => import('../pages/transactions'));

export default function AccountSettingsRoutes() {
  return (
    <Suspense fallback={<Spinner />}>
      <Routes>
        <Route element={<AccountSettingsLayout />}>
          <Route index element={<BasicSettings />} />
          <Route path='notifications' element={<Notifications />} />
          <Route path='change-password' element={<ChangePassword />} />
          <Route path='change-image' element={<ChangeImage />} />
          <Route path='location' element={<Location />} />
          <Route path='privacy' element={<Privacy />} />
          <Route path='browsers' element={<Browsers />} />
          <Route path='ips' element={<Ips />} />
          <Route path='devices' element={<Devices />} />
          <Route path='close-account' element={<CloseAccount />} />
          <Route path='transactions' element={<Transactions />} />
        </Route>
      </Routes>
    </Suspense>
  );
}