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>

  );

}