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 | 77x 135x 416x 416x 178x 110x 2x 108x 2x 106x | 'use client'
import { RedirectType } from 'next/dist/client/components/redirect'
import { redirect } from 'next/navigation'
import { routes } from '../../services/routes/routes'
import { useAppSelector } from '../../store/hooks'
/**
* Use this HOC to protect routes from unauthorized access.
* Protected routes are only accessible when the user is authenticated.
* Guest routes are only accessible when the user is not authenticated.
* @param Component The component to protect
* @param routeType The type of route protected or guest.
* @returns The protected component or redirects.
*/
const isAuth = <P,>(Component: React.ComponentType<P>, routeType: 'protected' | 'guest') => {
// eslint-disable-next-line
return function NewComponent(props: any) {
const isInitialized = useAppSelector((state) => state.auth.isInitialized)
const isAuthenticated = useAppSelector((state) => state.auth.isAuthenticated)
if (!isInitialized) return <div className="container mt-5">Loading...</div>
if (routeType === 'protected' && !isAuthenticated && isInitialized) {
redirect(routes.account.login(), RedirectType.replace)
}
if (routeType === 'guest' && isAuthenticated && isInitialized) {
redirect(routes.profile.myLastWills, RedirectType.replace)
}
return <Component {...props} />
}
}
export default isAuth
|