43 lines
1.6 KiB
TypeScript
43 lines
1.6 KiB
TypeScript
|
'use client'
|
||
|
|
import Header from '@/app/signin/_header'
|
||
|
|
|
||
|
|
import cn from '@/utils/classnames'
|
||
|
|
import { useGlobalPublicStore } from '@/context/global-public-context'
|
||
|
|
import useDocumentTitle from '@/hooks/use-document-title'
|
||
|
|
import { AppContextProvider } from '@/context/app-context'
|
||
|
|
import { useIsLogin } from '@/service/use-common'
|
||
|
|
import Loading from '@/app/components/base/loading'
|
||
|
|
|
||
|
|
export default function SignInLayout({ children }: any) {
|
||
|
|
const { systemFeatures } = useGlobalPublicStore()
|
||
|
|
useDocumentTitle('')
|
||
|
|
const { isLoading, data: loginData } = useIsLogin()
|
||
|
|
const isLoggedIn = loginData?.logged_in
|
||
|
|
|
||
|
|
if(isLoading) {
|
||
|
|
return (
|
||
|
|
<div className='flex min-h-screen w-full justify-center bg-background-default-burn'>
|
||
|
|
<Loading />
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
return <>
|
||
|
|
<div className={cn('flex min-h-screen w-full justify-center bg-background-default-burn p-6')}>
|
||
|
|
<div className={cn('flex w-full shrink-0 flex-col items-center rounded-2xl border border-effects-highlight bg-background-default-subtle')}>
|
||
|
|
<Header />
|
||
|
|
<div className={cn('flex w-full grow flex-col items-center justify-center px-6 md:px-[108px]')}>
|
||
|
|
<div className='flex flex-col md:w-[400px]'>
|
||
|
|
{isLoggedIn ? <AppContextProvider>
|
||
|
|
{children}
|
||
|
|
</AppContextProvider>
|
||
|
|
: children}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{systemFeatures.branding.enabled === false && <div className='system-xs-regular px-8 py-6 text-text-tertiary'>
|
||
|
|
© {new Date().getFullYear()} LangGenius, Inc. All rights reserved.
|
||
|
|
</div>}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</>
|
||
|
|
}
|