devsyncwrld/backspace
1
0
Fork 0
Code Issues Pull Requests Actions 32 Packages Projects Releases Wiki Activity

feat: apply delayed loading to app boot skeleton

Browse Source
This commit is contained in:
Jannis Braun
2026-03-22 03:17:00 +01:00
parent b6f4659849
commit 44e8b32c2f
1 changed files with 3 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/web/src/components/layout/AppLayout.tsx
+3 -1
View File
@@ -28,6 +28,7 @@ import { ToastContainer } from '../ui/ToastContainer';
import { UpdateToast } from '../ui/UpdateToast'; import { UpdateToast } from '../ui/UpdateToast';
import { ContextMenuRenderer } from '../ui/ContextMenuRenderer'; import { ContextMenuRenderer } from '../ui/ContextMenuRenderer';
import { useAuth } from '../../hooks/useAuth'; import { useAuth } from '../../hooks/useAuth';
import { useDelayedLoading } from '../../hooks/useDelayedLoading';
import { useWebSocket } from '../../hooks/useWebSocket'; import { useWebSocket } from '../../hooks/useWebSocket';
import { useFederationToasts } from '../../hooks/useFederationToasts'; import { useFederationToasts } from '../../hooks/useFederationToasts';
import { useLiveKit } from '../../hooks/useLiveKit'; import { useLiveKit } from '../../hooks/useLiveKit';
@@ -91,6 +92,7 @@ export function AppLayout() {
}, [outputDeviceId]); }, [outputDeviceId]);
const { user, isLoading } = useAuth(); const { user, isLoading } = useAuth();
const showBootSkeleton = useDelayedLoading(isLoading);
const setCurrentSpace = useSpaceStore((s) => s.setCurrentSpace); const setCurrentSpace = useSpaceStore((s) => s.setCurrentSpace);
const loadSpaceDetail = useSpaceStore((s) => s.loadSpaceDetail); const loadSpaceDetail = useSpaceStore((s) => s.loadSpaceDetail);
const setCurrentChannel = useChatStore((s) => s.setCurrentChannel); const setCurrentChannel = useChatStore((s) => s.setCurrentChannel);
@@ -262,7 +264,7 @@ export function AppLayout() {
} }
}, [spaceId, channelId, channels, navigate]); }, [spaceId, channelId, channels, navigate]);
if (isLoading || !user) { if (!user || showBootSkeleton) {
return ( return (
<div className="h-full flex bg-surface-base" role="status" aria-label="Loading Backspace"> <div className="h-full flex bg-surface-base" role="status" aria-label="Loading Backspace">
{/* Space strip */} {/* Space strip */}