Proyectos de Subversion LeadersLinked - SPA

import React, { lazy, Suspense } from 'react'

import { Routes, Route, Navigate, Outlet } from 'react-router-dom'

/* Components */

import AuthRoute from './auth-routes'

import PrivateRoutes from './private-routes'

import Spinner from '@components/UI/Spinner'

/* Layouts */

import RootLayout from '@layouts/root'

import AppsNavigation from '@pages/apps-navigation/AppsNavigation'

import HabitsRoutes from './habits/routes'

import GroupRoutes from './groups/routes'

import PrivateRoutesLayout from '@layouts/private-routes'

const InmailLayout = lazy(() => import('@layouts/inmail/inmail-layout'))

const AuthLayout = lazy(() => import('@layouts/auth-layout'))

const MicrolearningLayout = lazy(() =>

  import('@layouts/micro-learning/micro-learning-layout')

)

/* Pages */

const InmailPage = lazy(() => import('@pages/inmail/InmailPage'))

const MessageViewPage = lazy(() => import('@pages/inmail/message-view-page'))

const Browsers = lazy(() => import('@pages/account-settings/browsers'))

const BasicSettings = lazy(() =>

  import('@pages/account-settings/basic-settings')

)

const ChangeImage = lazy(() => import('@pages/account-settings/change-image'))

const ChangePassword = lazy(() =>

  import('@pages/account-settings/change-password')

)

const Devices = lazy(() => import('@pages/account-settings/devices'))

const Ips = lazy(() => import('@pages/account-settings/ips'))

const Location = lazy(() => import('@pages/account-settings/location'))

const Notifications = lazy(() =>

  import('@pages/account-settings/notifications')

)

const Privacy = lazy(() => import('@pages/account-settings/privacy'))

const Transactions = lazy(() => import('@pages/account-settings/transactions'))

const CloseAccount = lazy(() => import('@pages/account-settings/close-account'))

const Login = lazy(() => import('@app/pages/auth/login'))

const Signup = lazy(() => import('@app/pages/auth/signup'))

// const Navigation = lazy(() => import('@pages/auth/navigation'))

const ForgotPassword = lazy(() => import('@pages/auth/forgot-password'))

const ActiveAccount = lazy(() => import('@pages/auth/active-account'))

const ResetPassword = lazy(() => import('@pages/auth/reset-password'))

const AbuseReportPage = lazy(() =>

  import('@pages/abuse-report/abuse-repor-page')

)

const AbuseReportViewPage = lazy(() =>

  import('@pages/abuse-report/abuse-report-view-page')

)

const ShorterPostPage = lazy(() => import('@pages/shorter/shorter-post-page'))

const TermsAndConditionsPage = lazy(() =>

  import('@pages/terms-and-conditions/TermsAndConditionsPage')

)

const PrivacyPolicyPage = lazy(() =>

  import('@pages/privacy-policy/PrivacyPolicy')

)

const CookiesPage = lazy(() => import('@pages/cookies/CookiesPage'))

const ProfessionalismPolicy = lazy(() =>

  import('@pages/professionalism-policy/ProfessionalismPolicy')

)

const AccountSettingsLayout = lazy(() => import('@layouts/account-settings'))

const DashboardPage = lazy(() => import('@pages/dashboard/dashboard-page'))

const MyConnectionsPage = lazy(() =>

  import('@pages/connections/MyConnectionsPage')

)

const InvitationsReceivedPage = lazy(() =>

  import('@pages/connections/InvitationsReceivedPage')

)

const InvitationsSendPage = lazy(() =>

  import('@pages/connections/InvitationsSendPage')

)

const PeopleYouMayKnowPage = lazy(() =>

  import('@pages/connections/PeopleYouMayKnowPage')

)

const PeopleBlockedPage = lazy(() =>

  import('@pages/connections/PeopleBlockedPage')

)

const MyProfilesPage = lazy(() => import('@pages/profiles/MyProfilesPage'))

const PeopleViewedMyProfilePage = lazy(() =>

  import('@pages/profiles/PeopleViewedMyProfilePage')

)

const SavedJobsPage = lazy(() => import('@pages/jobs/SavedJobsPage'))

const AppliedJobsPage = lazy(() => import('@pages/jobs/AppliedJobsPage'))

const MyCompanies = lazy(() => import('@pages/company/MyCompaniesPage'))

const FollowingCompaniesPage = lazy(() =>

  import('@pages/company/CompaniesIFollowPage')

)

const CompaniesWhenIWorkPage = lazy(() =>

  import('@pages/company/CompaniesWhenIWorkPage')

)

const CompanyRequestSendPage = lazy(() =>

  import('@pages/company/CompanyRequestSendPage')

)

const CompanyInvitationsReceivedPage = lazy(() =>

  import('@pages/company/CompanyInvitationsReceivedPage')

)

const ProfileViewPage = lazy(() => import('@pages/profiles/ProfileViewPage'))

const ProfileEditPage = lazy(() => import('@pages/profiles/ProfileEditPage'))

const CompanyViewPage = lazy(() => import('@pages/company/CompanyViewPage'))

const MarketPlacePage = lazy(() => import('@pages/marketplace/MarketplacePage'))

const NotificationsPage = lazy(() =>

  import('@pages/notifications/NotificationsPage')

)

const SearchPage = lazy(() => import('@pages/search/SearchPage'))

const KnowledgeAreaPage = lazy(() =>

  import('@pages/knowledge-area/KnowledgeAreaPage')

)

const KnowledgeViewPage = lazy(() =>

  import('@pages/knowledge-area/KnowledgeViewPage')

)

const PostViewPage = lazy(() => import('@pages/posts/PostViewPage'))

const MyCoachPage = lazy(() => import('@pages/my-coach/MyCoachPage'))

const MyCoachViewPage = lazy(() => import('@pages/my-coach/MyCoachViewPage'))

const JobViewPage = lazy(() => import('@pages/jobs/JobView'))

const CalendarPage = lazy(() => import('@pages/calendar/CalendarPage'))

const ImpersonatePage = lazy(() => import('@pages/impersonate/InpersonatePage'))

const CapsulesPage = lazy(() => import('@pages/micro-learning/CapsulesPage'))

const CapsuleDetailsPage = lazy(() =>

  import('@pages/micro-learning/CapsuleInfoPage')

)

const SlidesPage = lazy(() => import('@pages/micro-learning/SlideViewPage'))

const ProgressPage = lazy(() => import('@pages/micro-learning/ProgressPage'))

const CompaniesPage = lazy(() => import('@pages/micro-learning/CompaniesPage'))

const CapsuleSlidesPage = lazy(() =>

  import('@pages/micro-learning/CapsuleViewPage')

)

const TimelinePage = lazy(() => import('@pages/micro-learning/TimelinePage'))

const ProfilePage = lazy(() => import('@pages/micro-learning/ProfilePage'))

const TopicsPage = lazy(() => import('@pages/micro-learning/TopicsPage'))

const TopicsViewPage = lazy(() => import('@pages/micro-learning/TopicViewPage'))

export default function AppRoutes() {

  return (

    <Suspense fallback={<Spinner />}>

      <Routes>

        <Route element={<RootLayout />}>

          {/* Public routes */}

          <Route path='/shorter/:id' element={<ShorterPostPage />} />

          <Route

            path='/terms-and-conditions'

            element={<TermsAndConditionsPage />}

          />

          <Route path='/privacy-policy' element={<PrivacyPolicyPage />} />

          <Route

            path='/professionalism-policy'

            element={<ProfessionalismPolicy />}

          />

          <Route path='/cookies' element={<CookiesPage />} />

          {/* Authentication routes */}

          <Route path='/' element={<AuthRoute />}>

            <Route element={<AuthLayout />}>

              <Route index element={<Navigate to='signin' />} />

              <Route path='signin' element={<Login />} />

              <Route path='signup' element={<Signup />} />

              <Route path='forgot-password' element={<ForgotPassword />} />

              <Route path='reset-password/:uuid' element={<ResetPassword />} />

              <Route

                path='activate-account/:uuid'

                element={<ActiveAccount />}

              />

            </Route>

          </Route>

          {/* Private routes */}

          <Route element={<PrivateRoutes />}>

            <Route element={<PrivateRoutesLayout />}>

              <Route path='/habits/*' element={<HabitsRoutes />} />

              <Route path='/group/*' element={<GroupRoutes />} />

              <Route path='abuse-report'>

                <Route index element={<AbuseReportPage />} />

                <Route path='view/:id' element={<AbuseReportViewPage />} />

              </Route>

              <Route path='/dashboard'>

                <Route index element={<DashboardPage />} />

                <Route path='feed/:id' element={<DashboardPage />} />

              </Route>

              <Route path='/connection'>

                <Route index element={<Navigate to='my-connections' />} />

                <Route path='my-connections' element={<MyConnectionsPage />} />

                <Route

                  path='invitations-sent'

                  element={<InvitationsSendPage />}

                />

                <Route

                  path='invitations-received'

                  element={<InvitationsReceivedPage />}

                />

                <Route

                  path='people-you-may-know'

                  element={<PeopleYouMayKnowPage />}

                />

                <Route path='people-blocked' element={<PeopleBlockedPage />} />

              </Route>

              <Route path='/profile'>

                <Route index element={<Navigate to='my-profiles' />} />

                <Route path='view/:uuid' element={<ProfileViewPage />} />

                <Route

                  path='people-viewed-profile'

                  element={<PeopleViewedMyProfilePage />}

                />

                <Route path='my-profiles'>

                  <Route index element={<MyProfilesPage />} />

                  <Route path='edit/:uuid' element={<ProfileEditPage />} />

                </Route>

              </Route>

              <Route path='/job'>

                <Route index element={<Navigate to='saved-jobs' />} />

                <Route path='view/:uuid' element={<JobViewPage />} />

                <Route path='saved-jobs' element={<SavedJobsPage />} />

                <Route path='applied-jobs' element={<AppliedJobsPage />} />\

              </Route>

              <Route path='/company'>

                <Route index element={<Navigate to='my-companies' />} />

                <Route path='my-companies' element={<MyCompanies />} />

                <Route

                  path='following-companies'

                  element={<FollowingCompaniesPage />}

                />

                <Route

                  path='i-work-with'

                  element={<CompaniesWhenIWorkPage />}

                />

                <Route

                  path='requests-sent'

                  element={<CompanyRequestSendPage />}

                />

                <Route

                  path='requests-sent'

                  element={<CompanyRequestSendPage />}

                />

                <Route

                  path='invitations-received'

                  element={<CompanyInvitationsReceivedPage />}

                />

                <Route path='view/:uuid' element={<CompanyViewPage />} />

              </Route>

              <Route path='/knowledge-area'>

                <Route index element={<KnowledgeAreaPage />} />

                <Route path='view/:uuid' element={<KnowledgeViewPage />} />

              </Route>

              <Route path='/my-coach'>

                <Route index element={<MyCoachPage />} />

                <Route

                  path='questions/view/:uuid'

                  element={<MyCoachViewPage />}

                />

              </Route>

              <Route

                path='/microlearning'

                element={

                  <MicrolearningLayout>

                    <Outlet />

                  </MicrolearningLayout>

                }

              >

                <Route index element={<CapsulesPage />} />

                <Route path='topics'>

                  <Route index element={<TopicsPage />} />

                  <Route

                    path=':topicId/capsules'

                    element={<TopicsViewPage />}

                  />

                </Route>

                <Route path='capsules'>

                  <Route path=':capsuleId/*' element={<CapsuleDetailsPage />} />

                  <Route

                    path=':capsuleId/slides'

                    element={<CapsuleSlidesPage />}

                  />

                </Route>

                <Route path='slides/:uuid' element={<SlidesPage />} />

                <Route path='companies'>

                  <Route index element={<CompaniesPage />} />

                  <Route path=':uuid' element={<ProgressPage />} />

                </Route>

                <Route path='timeline' element={<TimelinePage />} />

                <Route path='profile' element={<ProfilePage />} />

              </Route>

              <Route path='/inmail/*' element={<InmailLayout />}>

                <Route index element={<InmailPage />} />

                <Route path=':uuid' element={<MessageViewPage />} />

              </Route>

              <Route

                path='/account-settings'

                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>

              <Route path='/marketplace' element={<MarketPlacePage />} />

              <Route path='/notifications' element={<NotificationsPage />} />

              <Route path='/search/entity/:category' element={<SearchPage />} />

              <Route path='/calendar' element={<CalendarPage />} />

              <Route path='/signin/impersonate' element={<ImpersonatePage />} />

              <Route path='/post/:uuid' element={<PostViewPage />} />

              <Route path='/apps-navigation' element={<AppsNavigation />} />

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

            </Route>

          </Route>

        </Route>

      </Routes>

    </Suspense>

  )

}