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

fix(chat): lower pagination skeleton delay threshold to 50ms

Browse Source
This commit is contained in:
Jannis Braun
2026-05-15 12:32:09 +02:00
parent 8beb093aab
commit fb38fee965
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/web/src/components/chat/MessageList.tsx
+7 -1
View File
@@ -99,7 +99,13 @@ export function MessageList({ channelId, jumpToMessageId, onJumpComplete }: Mess
const SMOOTH_SCROLL_DEADLINE_MS = 800; const SMOOTH_SCROLL_DEADLINE_MS = 800;
const [isLoadingMore, setIsLoadingMore] = useState(false); const [isLoadingMore, setIsLoadingMore] = useState(false);
const showInitialSkeleton = useDelayedLoading(isLoading && messages.length === 0); const showInitialSkeleton = useDelayedLoading(isLoading && messages.length === 0);
const showPaginationSkeleton = useDelayedLoading(isLoadingMore); // 50 ms threshold (vs the 200 ms default on showInitialSkeleton above) is
// safe here because Task 2's constant-height slot eliminated the layout
// shift the 200 ms originally hid. 50 ms is below the ~100 ms visual
// perception threshold so near-instant cache hits still complete without
// ever rendering the skeleton, while slow loads see the skeleton appear
// before the user's eye can register the slot as empty.
const showPaginationSkeleton = useDelayedLoading(isLoadingMore, { threshold: 50 });
const prevMessagesLength = useRef(0); const prevMessagesLength = useRef(0);
const prevChannelIdRef = useRef<string>(channelId); const prevChannelIdRef = useRef<string>(channelId);
const visibleMsgIdRef = useRef<string | null>(null); const visibleMsgIdRef = useRef<string | null>(null);