From 5c8061ea167692f5b5dcb43e6f413da03cbaeb71 Mon Sep 17 00:00:00 2001 From: Zane Staggs Date: Sun, 13 Jul 2025 14:56:50 -0700 Subject: [PATCH] update skeleton loading timing --- .../components/sessions/SessionListView.tsx | 25 +++++++------------ 1 file changed, 9 insertions(+), 16 deletions(-) diff --git a/ui/desktop/src/components/sessions/SessionListView.tsx b/ui/desktop/src/components/sessions/SessionListView.tsx index 6a8112dec7..46bdd7847c 100644 --- a/ui/desktop/src/components/sessions/SessionListView.tsx +++ b/ui/desktop/src/components/sessions/SessionListView.tsx @@ -75,24 +75,17 @@ const SessionListView: React.FC = ({ onSelectSession }) => loadSessions(); }, []); - // Improved loading time logic to prevent flash on initial load + // Timing logic to prevent flicker between skeleton and content on initial load useEffect(() => { if (!isLoading && showSkeleton) { - // Ultra-fast timing - halved values for maximum responsiveness - const delay = isInitialLoad ? 150 : 75; - const timer = setTimeout(() => { - setShowSkeleton(false); - // Virtually instant content show - setTimeout(() => { - setShowContent(true); - if (isInitialLoad) { - setIsInitialLoad(false); - } - }, 10); - }, delay); - - // eslint-disable-next-line no-undef - return () => clearTimeout(timer); + setShowSkeleton(false); + // Virtually instant content show + setTimeout(() => { + setShowContent(true); + if (isInitialLoad) { + setIsInitialLoad(false); + } + }, 10); } return () => void 0; }, [isLoading, showSkeleton, isInitialLoad]);