update skeleton loading timing

This commit is contained in:
Zane Staggs
2025-07-13 14:56:50 -07:00
parent 735ed0b17f
commit 5c8061ea16
@@ -75,24 +75,17 @@ const SessionListView: React.FC<SessionListViewProps> = ({ 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]);