Proyectos de Subversion LeadersLinked - SPA

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

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

import { ThemeProvider } from 'styled-components'

import { microlearning } from '@app/styles/themes'

/* Components */

import AuthRoute from './auth-routes'

import PrivateRoutes from './private-routes'

import Spinner from '@app/components/UI/Spinner'

/* Providers */

import GoalsProvider from '@providers/goals'

import ValuesProvider from '@providers/values'

import HabitsProvider from '@providers/habits'

import PurposesProvider from '@providers/purposes'

import ParadigmsProvider from '@providers/paradigms'

import MainContainer from '@app/components/email/main-container'

import MessageViewPage from '@app/pages/inmail/message-view-page'

import InmailLayout from '@app/layouts/inmail/inmail-layout'

/* Layouts */

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

const HabitsLayout = lazy(() => import('@layouts/habits/habits-layout'))

const MicrolearningLayout = lazy(() =>

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

)

/* Pages */

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 ValuesPage = lazy(() => import('@pages/habits/values-page'))

const PurposesPage = lazy(() => import('@pages/habits/purposes-page'))

const HabitsPage = lazy(() => import('@pages/habits/habits-page'))

const ParadigmsPage = lazy(() => import('@pages/habits/paradigms-page'))

const GoalsPage = lazy(() => import('@pages/habits/goals-page'))

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 GroupsRequestsSendPage = lazy(() =>

  import('@pages/groups/GroupsRequestsSendPage')

)

const GroupsRequestsReceivedPage = lazy(() =>

  import('@pages/groups/GroupsRequestsReceivedPage')

)

const JoinedGroupsPage = lazy(() => import('@pages/groups/JoinedGroupsPage'))

const MyGroupsPage = lazy(() => import('@pages/groups/MyGroupsPage'))

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

const FollowingCompaniesPage = lazy(() =>

  import('@pages/company/FollowingCompaniesPage')

)

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 GroupViewPage = lazy(() => import('@pages/groups/GroupViewPage'))

const GroupEditPage = lazy(() => import('@pages/groups/GroupEditPage'))

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>

        {/* 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 path='/habits/*' element={<HabitsLayout />}>

            <Route

              path='paradigms'

              element={

                <ParadigmsProvider>

                  <ParadigmsPage />

                </ParadigmsProvider>

              }

            />

            <Route

              path='values'

              element={

                <ValuesProvider>

                  <ValuesPage />

                </ValuesProvider>

              }

            />

            <Route

              path='purposes'

              element={

                <PurposesProvider>

                  <PurposesPage />

                </PurposesProvider>

              }

            />

            <Route

              path='goals'

              element={

                <GoalsProvider>

                  <GoalsPage />

                </GoalsProvider>

              }

            />

            <Route

              index

              element={

                <HabitsProvider>

                  <HabitsPage />

                </HabitsProvider>

              }

            />

          </Route>

          <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' 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='/group'>

            <Route index element={<Navigate to='requests-sent' />} />

            <Route path='requests-sent' element={<GroupsRequestsSendPage />} />

            <Route

              path='invitations-received'

              element={<GroupsRequestsReceivedPage />}

            />

            <Route path='joined-groups' element={<JoinedGroupsPage />} />

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

            <Route path='my-groups' element={<MyGroupsPage />}>

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

            </Route>

          </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' element={<KnowledgeAreaPage />}>

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

          </Route>

          <Route path='/my-coach' element={<MyCoachPage />}>

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

          </Route>

          <Route

            path='/microlearning'

            element={

              <MicrolearningLayout>

                <ThemeProvider theme={microlearning}>

                  <Outlet />

                </ThemeProvider>

              </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={<MainContainer />} />

            <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>

      </Routes>

    </Suspense>

  )

}