Proyectos de Subversion LeadersLinked - SPA

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

import Spinner from '@components/UI/Spinner'

/* Layouts */
const HabitsRootLayout = lazy(() => import('@layouts/habits/root-layout'))
const PurposesLayout = lazy(() => import('@layouts/habits/purposes-layout'))
const ParadigmsLayout = lazy(() => import('@layouts/habits/paradigms-layout'))
const ValuesLayout = lazy(() => import('@layouts/habits/values-layout'))
const HabitsLayout = lazy(() => import('@layouts/habits/habits-layout'))
const GoalsLayout = lazy(() => import('@layouts/habits/goals-layout'))
const MyProgressLayout = lazy(() =>
  import('@layouts/habits/my-progress-layout')
)
const HabitProgressLayout = lazy(() =>
  import('@layouts/habits/habit-progress-layout')
)

/* Pages */
const PurposesPage = lazy(() => import('@pages/habits/purposes/purposes-page'))
const CreatePurposePage = lazy(() =>
  import('@pages/habits/purposes/create-purpose-page')
)
const EditPurposePage = lazy(() =>
  import('@pages/habits/purposes/edit-purpose-page')
)
const ParadigmsPage = lazy(() =>
  import('@pages/habits/paradigms/paradigms-page')
)
const CreateParadigmPage = lazy(() =>
  import('@pages/habits/paradigms/create-paradigm-page')
)
const EditParadigmPage = lazy(() =>
  import('@pages/habits/paradigms/edit-paradigm-page')
)
const ValuesPage = lazy(() => import('@pages/habits/values/values-page'))
const CreateValuePage = lazy(() =>
  import('@pages/habits/values/create-value-page')
)
const EditValuePage = lazy(() => import('@pages/habits/values/edit-value-page'))
const HabitsPage = lazy(() => import('@pages/habits/habits/habits-page'))
const CreateHabitPage = lazy(() =>
  import('@pages/habits/habits/create-habit-page')
)
const EditHabitPage = lazy(() => import('@pages/habits/habits/edit-habit-page'))
const GoalsPage = lazy(() => import('@pages/habits/goals/goals-page'))
const CreateGoalPage = lazy(() =>
  import('@pages/habits/goals/create-goal-page')
)
const EditGoalPage = lazy(() => import('@pages/habits/goals/edit-goal-page'))
const MyProgressPage = lazy(() =>
  import('@pages/habits/progress/my-progress-page')
)
const HabitProgressPage = lazy(() =>
  import('@pages/habits/progress/habit-progress-page')
)
const AddHabitProgress = lazy(() =>
  import('@pages/habits/progress/add-habit-progress')
)
const EditHabitProgress = lazy(() =>
  import('@pages/habits/progress/edit-habit-progress')
)

export default function HabitsRoutes() {
  return (
    <Suspense fallback={<Spinner />}>
      <Routes>
        <Route element={<HabitsRootLayout />}>
          <Route path='purposes' element={<PurposesLayout />}>
            <Route index element={<PurposesPage />} />
            <Route path='create' element={<CreatePurposePage />} />
            <Route path='edit/:id' element={<EditPurposePage />} />
            <Route path='*' element={<Navigate to='' />} />
          </Route>

          <Route path='paradigms' element={<ParadigmsLayout />}>
            <Route index element={<ParadigmsPage />} />
            <Route path='create' element={<CreateParadigmPage />} />
            <Route path='edit/:id' element={<EditParadigmPage />} />
            <Route path='*' element={<Navigate to='' />} />
          </Route>

          <Route path='values' element={<ValuesLayout />}>
            <Route index element={<ValuesPage />} />
            <Route path='create' element={<CreateValuePage />} />
            <Route path='edit/:id' element={<EditValuePage />} />
            <Route path='*' element={<Navigate to='' />} />
          </Route>

          <Route path='habits' element={<HabitsLayout />}>
            <Route index element={<HabitsPage />} />
            <Route path='create' element={<CreateHabitPage />} />
            <Route path='edit/:id' element={<EditHabitPage />} />
            <Route path='*' element={<Navigate to='' />} />
          </Route>

          <Route path='my-progress' element={<MyProgressLayout />}>
            <Route index element={<MyProgressPage />} />

            <Route path=':uuid' element={<HabitProgressLayout />}>
              <Route index element={<HabitProgressPage />} />
              <Route path='add' element={<AddHabitProgress />} />
              <Route path='edit/:id' element={<EditHabitProgress />} />
            </Route>

            <Route path='*' element={<Navigate to='' />} />
          </Route>

          <Route path='goals' element={<GoalsLayout />}>
            <Route index element={<GoalsPage />} />
            <Route path='create' element={<CreateGoalPage />} />
            <Route path='edit/:id' element={<EditGoalPage />} />
            <Route path='*' element={<Navigate to='' />} />
          </Route>

          <Route path='*' element={<Navigate to='habits' />} />
        </Route>
      </Routes>
    </Suspense>
  )
}