ciphera-net/pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

refactor(auth): streamline LoadingOverlay usage in AuthCallback for a seamless loading experience

Browse Source
This commit is contained in:
Usman Baig
2026-01-22 15:46:50 +01:00
parent 13f2950b23
commit 89bc9ed802
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/auth/callback/page.tsx
View File

@@ -109,12 +109,13 @@ function AuthCallbackContent() {
) )
} }
return <LoadingOverlay title="Completing sign in..." portal={false} /> // * Use standard Pulse loading screen to make transition to Home seamless
return <LoadingOverlay portal={false} />
} }
export default function AuthCallback() { export default function AuthCallback() {
return ( return (
<Suspense fallback={<LoadingOverlay title="Loading..." portal={false} />}> <Suspense fallback={<LoadingOverlay portal={false} />}>
<AuthCallbackContent /> <AuthCallbackContent />
</Suspense> </Suspense>
) )

2
components/LoadingOverlay.tsx
View File

@@ -22,7 +22,7 @@ export default function LoadingOverlay({
}, []) }, [])
const content = ( const content = (
<div className="fixed inset-0 z-[100] flex items-center justify-center bg-white dark:bg-neutral-950 animate-in fade-in duration-200"> <div className="fixed inset-0 z-[9999] flex items-center justify-center bg-white dark:bg-neutral-950 animate-in fade-in duration-200">
<div className="flex flex-col items-center gap-6"> <div className="flex flex-col items-center gap-6">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<img <img