Description
Original Issue: #229
Description
As a user,
I want notes to load automatically as I scroll,
So that I don’t have to click “Load More” and can smoothly browse through a large list of notes.
Tasks
Replace “Load More” button with an IntersectionObserver-based lazy loading mechanism in map/page.tsx.
-
[ ]Automatically load additional batches of notes when the user scrolls to the bottom.
-
[ ]Apply similar lazy loading mechanism to other scrollable note lists like side_bar.tsx.
- Ensure existing note rendering, filtering, and highlighting functionality remains intact.
-
[ ]Create test cases or visual verification
- Validate that notes are loaded in batches and scrolling works as expected.
Acceptance Criteria
-
[ ]Notes load dynamically when the user scrolls down.
-
[ ]Lazy loading improves or maintains performance (e.g., faster initial render).
-
[ ]No console errors or layout shifts during scrolling.
-
[ ]Code is readable, commented, and adheres to the project’s style guide.
-
[ ]All existing features continue to work after the change.