From c1d6b3121a8a8d1004f2b09c30ab595e1f307785 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Mon, 29 Dec 2025 22:50:48 +0200
Subject: [PATCH] fix(pdf_pages): pages not updating between notes

---
 apps/client/src/widgets/sidebar/PdfPages.tsx | 36 ++++----------------
 1 file changed, 6 insertions(+), 30 deletions(-)

diff --git a/apps/client/src/widgets/sidebar/PdfPages.tsx b/apps/client/src/widgets/sidebar/PdfPages.tsx
index 494c6bd17..df216b79e 100644
--- a/apps/client/src/widgets/sidebar/PdfPages.tsx
+++ b/apps/client/src/widgets/sidebar/PdfPages.tsx
@@ -16,7 +16,7 @@ export default function PdfPages() {
 
     return (
         <RightPanelWidget id="pdf-pages" title="Pages" grow>
-            <PdfPagesList />
+            <PdfPagesList key={note.noteId} />
         </RightPanelWidget>
     );
 }
@@ -42,6 +42,7 @@ function PdfPagesList() {
     const requestThumbnail = useCallback((pageNumber: number) => {
         // Only request if we haven't already requested it and don't have it
         if (!requestedThumbnails.current.has(pageNumber) && !thumbnails.has(pageNumber) && pagesData) {
+            console.log("[PdfPages] Requesting thumbnail for page:", pageNumber);
             requestedThumbnails.current.add(pageNumber);
             pagesData.requestThumbnail(pageNumber);
         }
@@ -79,43 +80,18 @@ function PdfPageItem({
     pageNumber: number;
     isActive: boolean;
     thumbnail?: string;
-    onRequestThumbnail: (pageNumber: number) => void;
-    onPageClick: () => void;
 }) {
-    const itemRef = useRef<HTMLDivElement>(null);
     const hasRequested = useRef(false);
 
     useEffect(() => {
-        const element = itemRef.current;
-        if (!element) return;
-
-        // Create intersection observer to detect when item enters viewport
-        const observer = new IntersectionObserver(
-            (entries) => {
-                entries.forEach(entry => {
-                    if (entry.isIntersecting && !thumbnail && !hasRequested.current) {
-                        hasRequested.current = true;
-                        onRequestThumbnail(pageNumber);
-                    }
-                });
-            },
-            {
-                root: null, // viewport
-                rootMargin: '100px', // Load thumbnails slightly before they enter viewport
-                threshold: 0.01
-            }
-        );
-
-        observer.observe(element);
-
-        return () => {
-            observer.disconnect();
-        };
+        if (!thumbnail && !hasRequested.current) {
+            hasRequested.current = true;
+            onRequestThumbnail(pageNumber);
+        }
     }, [pageNumber, thumbnail, onRequestThumbnail]);
 
     return (
         <div
-            ref={itemRef}
             className={`pdf-page-item ${isActive ? 'active' : ''}`}
             onClick={onPageClick}
         >