Hartmut/Nexus
1
0
Fork 0
Code Issues 11 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat(timeline): start at today + infinite scroll into the past #65

Merged
Hartmut merged 7 commits from feature/timeline-past-scroll into main 2026-05-22 11:43:08 +02:00
Conversation 0 Commits 7 Files Changed 3
+4 -4
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 2383bcbdc0 - Show all commits
apps/web/src/components/timeline/TimelineView.tsx
+4 -4
View File
@@ -698,16 +698,16 @@ function TimelineViewContent({
}; };
}, []); }, []);
// Scroll to today the first time the canvas has its full width (after initial data load). // Scroll to today the first time the canvas is in the DOM (isInitialLoading → false).
// Depends on totalCanvasWidth so it fires after isInitialLoading → false renders the canvas. // totalCanvasWidth is non-zero before data loads, so it can't be used as the trigger.
useLayoutEffect(() => { useLayoutEffect(() => {
if (totalCanvasWidth === 0) return; if (isInitialLoading) return;
if (hasScrolledToTodayOnLoad.current) return; if (hasScrolledToTodayOnLoad.current) return;
const el = scrollContainerRef.current; const el = scrollContainerRef.current;
if (!el) return; if (!el) return;
el.scrollLeft = toLeft(today); el.scrollLeft = toLeft(today);
hasScrolledToTodayOnLoad.current = true; hasScrolledToTodayOnLoad.current = true;
}, [totalCanvasWidth, toLeft, today]); }, [isInitialLoading, toLeft, today]);
// Apply scroll compensation synchronously after the canvas grows (left-extend or Today button). // Apply scroll compensation synchronously after the canvas grows (left-extend or Today button).
useLayoutEffect(() => { useLayoutEffect(() => {