chore: improve the user experience of not login into apps (#28120)

This commit is contained in:
Joel 2025-11-12 16:47:45 +08:00 committed by GitHub
parent 47dc26f011
commit 09d31d1263
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 23 additions and 0 deletions

View File

@ -10,6 +10,7 @@ import { ProviderContextProvider } from '@/context/provider-context'
import { ModalContextProvider } from '@/context/modal-context'
import GotoAnything from '@/app/components/goto-anything'
import Zendesk from '@/app/components/base/zendesk'
import Splash from '../components/splash'
const Layout = ({ children }: { children: ReactNode }) => {
return (
@ -25,6 +26,7 @@ const Layout = ({ children }: { children: ReactNode }) => {
</HeaderWrapper>
{children}
<GotoAnything />
<Splash />
</ModalContextProvider>
</ProviderContextProvider>
</EventEmitterContextProvider>

View File

@ -0,0 +1,21 @@
'use client'
import type { FC, PropsWithChildren } from 'react'
import React from 'react'
import { useIsLogin } from '@/service/use-common'
import Loading from './base/loading'
const Splash: FC<PropsWithChildren> = () => {
// would auto redirect to signin page if not logged in
const { isLoading, data: loginData } = useIsLogin()
const isLoggedIn = loginData?.logged_in
if (isLoading || !isLoggedIn) {
return (
<div className='fixed inset-0 z-[9999999] flex h-full items-center justify-center bg-background-body'>
<Loading />
</div>
)
}
return null
}
export default React.memo(Splash)