Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 | import React, { Suspense } from 'react'
import { Navigate, Route, Routes } from 'react-router-dom'
import { CContainer, CSpinner } from '@coreui/react'
import routes from '../routes'
const isAuthenticated = () => {
return !!localStorage.getItem('user')
}
const AppContent = () => {
const startRoute = routes.find((route) => route.startPage)
return (
<CContainer className="px-4" lg>
<Suspense fallback={<CSpinner color="primary" />}>
<Routes>
{routes.map((route, idx) => {
if (!route.element) return null
const Element = route.element
const isLogin = route.path === '/login'
return (
<Route
key={idx}
path={route.path}
exact={route.exact}
name={route.name}
element={
isLogin ? (
isAuthenticated() ? (
<Navigate to={startRoute?.path || '/'} replace />
) : (
<Element />
)
) : isAuthenticated() ? (
<Element />
) : (
<Navigate to="/login" replace />
)
}
/>
)
})}
{/* Fallback root redirect */}
<Route
path="/"
element={
isAuthenticated() ? (
startRoute ? (
<Navigate to={startRoute.path} replace />
) : (
<div />
)
) : (
<Navigate to="/login" replace />
)
}
/>
</Routes>
</Suspense>
</CContainer>
)
}
export default React.memo(AppContent) |