Proyectos de Subversion LeadersLinked - Antes de SPA

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

import { useDispatch, useSelector } from 'react-redux'

import { BrowserRouter as Router, Switch } from 'react-router-dom'

import { getLanguage } from '../../redux/intl/intl.action'

import PublicRoute from './PublicRoute'

import PrivateRoute from './PrivateRoute'

import Spinner from '../components/UI/Spinner'

import NotificationAlert from '../components/UI/notification/NotificationAlert'

import LoaderContainer from '../components/UI/LoaderContainer'

import { getPermissions } from '../redux/auth/auth.actions'

import useLocalStorage from '../hooks/useLocalStorage'

const Header = lazy(() => import('../components/navbar/Header'))

const Auth = lazy(() => import('../pages/auth/Auth'))

const DashboardPage = lazy(() => import('../pages/dashboard/DashboardPage'))

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 AppRouter = () => {

  const { isAuth, defaultNetwork, theme_id } = useSelector(({ auth }) => auth)

  const dispatch = useDispatch()

  const [, setLocalStorage] = useLocalStorage('config', {

    isAuth,

    defaultNetwork,

    theme_id,

  })

  useEffect(() => {

    dispatch(getPermissions())

    dispatch(getLanguage())

  }, [])

  useEffect(() => {

    setLocalStorage({

      isAuth,

      defaultNetwork,

      theme_id,

    })

  }, [isAuth, defaultNetwork, theme_id])

  return (

    <Router>

      <Suspense fallback={null}>{isAuth && <Header />}</Suspense>

      <Suspense

        fallback={

          <LoaderContainer>

            <Spinner />

          </LoaderContainer>

        }

      >

        <Switch>

          <PrivateRoute exact path="/dashboard" isAuthenticated={isAuth}>

            <DashboardPage />

          </PrivateRoute>

          <PrivateRoute

            exact

            path="/connection/my-connections"

            isAuthenticated={isAuth}

          >

            <MyConnectionsPage />

          </PrivateRoute>

          <PrivateRoute

            exact

            path="/connection/invitations-sent"

            isAuthenticated={isAuth}

          >

            <InvitationsSendPage />

          </PrivateRoute>

          <PrivateRoute

            exact

            path="/connection/invitations-received"

            isAuthenticated={isAuth}

          >

            <InvitationsReceivedPage />

          </PrivateRoute>

          <PrivateRoute

            exact

            path="/connection/people-you-may-know"

            isAuthenticated={isAuth}

          >

            <PeopleYouMayKnowPage />

          </PrivateRoute>

          <PrivateRoute

            exact

            path="/connection/people-blocked"

            isAuthenticated={isAuth}

          >

            <PeopleBlockedPage />

          </PrivateRoute>

          <PrivateRoute

            exact

            path="/profile/my-profiles"

            isAuthenticated={isAuth}

          >

            <MyProfilesPage />

          </PrivateRoute>

          <PrivateRoute

            exact

            path="/profile/people-viewed-profile"

            isAuthenticated={isAuth}

          >

            <PeopleViewedMyProfilePage />

          </PrivateRoute>

          <PrivateRoute exact path="/job/saved-jobs" isAuthenticated={isAuth}>

            <SavedJobsPage />

          </PrivateRoute>

          <PrivateRoute exact path="/job/applied-jobs" isAuthenticated={isAuth}>

            <AppliedJobsPage />

          </PrivateRoute>

          <PrivateRoute

            exact

            path="/group/requests-sent"

            isAuthenticated={isAuth}

          >

            <GroupsRequestsSendPage />

          </PrivateRoute>

          <PrivateRoute

            exact

            path="/group/invitations-received"

            isAuthenticated={isAuth}

          >

            <GroupsRequestsReceivedPage />

          </PrivateRoute>

          <PrivateRoute

            exact

            path="/group/joined-groups"

            isAuthenticated={isAuth}

          >

            <JoinedGroupsPage />

          </PrivateRoute>

          <PrivateRoute exact path="/group/my-groups" isAuthenticated={isAuth}>

            <MyGroupsPage />

          </PrivateRoute>

          <PublicRoute path="/" isAuthenticated={isAuth}>

            <Auth />

          </PublicRoute>

        </Switch>

      </Suspense>

      <NotificationAlert />

    </Router>

  )

}

export default AppRouter