23 lines
569 B
TypeScript
23 lines
569 B
TypeScript
|
import { createEffect, JSX, Show } from 'solid-js'
|
||
|
|
import { useSession } from '../../context/session'
|
||
|
|
import { hideModal, showModal } from '../../stores/ui'
|
||
|
|
|
||
|
|
type Props = {
|
||
|
|
children: JSX.Element
|
||
|
|
}
|
||
|
|
|
||
|
|
export const AuthGuard = (props: Props) => {
|
||
|
|
const { isAuthenticated, isSessionLoaded } = useSession()
|
||
|
|
createEffect(() => {
|
||
|
|
if (isSessionLoaded()) {
|
||
|
|
if (isAuthenticated()) {
|
||
|
|
hideModal()
|
||
|
|
} else {
|
||
|
|
showModal('auth', 'authguard')
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})
|
||
|
|
|
||
|
|
return <Show when={isSessionLoaded() && isAuthenticated()}>{props.children}</Show>
|
||
|
|
}
|