41 lines
1.0 KiB
TypeScript
41 lines
1.0 KiB
TypeScript
import { useSearchParams } from '@solidjs/router'
|
|
import { JSX, Show, createEffect, createMemo, on } from 'solid-js'
|
|
import { useUI } from '~/context/ui'
|
|
import { useSession } from '../../context/session'
|
|
|
|
type Props = {
|
|
children: JSX.Element
|
|
disabled?: boolean
|
|
}
|
|
|
|
export const AuthGuard = (props: Props) => {
|
|
const { session } = useSession()
|
|
const author = createMemo<number>(() => session()?.user?.app_data?.profile?.id || 0)
|
|
const [, changeSearchParams] = useSearchParams()
|
|
const { hideModal } = useUI()
|
|
|
|
createEffect(
|
|
on(
|
|
[() => props.disabled, author],
|
|
([disabled, a]) => {
|
|
if (disabled || !a) return
|
|
if (a) {
|
|
console.debug('[AuthGuard] profile is loaded')
|
|
hideModal()
|
|
} else {
|
|
changeSearchParams(
|
|
{
|
|
source: 'authguard',
|
|
m: 'auth'
|
|
},
|
|
{ replace: true }
|
|
)
|
|
}
|
|
},
|
|
{ defer: true }
|
|
)
|
|
)
|
|
|
|
return <Show when={author() || props.disabled}>{props.children}</Show>
|
|
}
|