From a13061df4a746c388322008897feee884eda1dd7 Mon Sep 17 00:00:00 2001
From: Braulio <braulio.diez@gmail.com>
Date: Sat, 16 Nov 2024 11:40:56 +0100
Subject: [PATCH] fix

---
 src/core/providers/canvas/canvas.model.ts      | 1 +
 src/core/providers/canvas/canvas.provider.tsx  | 1 +
 src/pods/thumb-pages/components/thumb-page.tsx | 8 +++++---
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/core/providers/canvas/canvas.model.ts b/src/core/providers/canvas/canvas.model.ts
index b623b656..645736dc 100644
--- a/src/core/providers/canvas/canvas.model.ts
+++ b/src/core/providers/canvas/canvas.model.ts
@@ -101,6 +101,7 @@ export interface CanvasContextModel {
   setActivePage: (pageId: string) => void;
   deletePage: (pageIndex: number) => void;
   editPageTitle: (pageIndex: number, newName: string) => void;
+  activePageIndex: number;
   isThumbnailContextMenuVisible: boolean;
   setIsThumbnailContextMenuVisible: React.Dispatch<
     React.SetStateAction<boolean>
diff --git a/src/core/providers/canvas/canvas.provider.tsx b/src/core/providers/canvas/canvas.provider.tsx
index 2d3ba3a4..fef9d809 100644
--- a/src/core/providers/canvas/canvas.provider.tsx
+++ b/src/core/providers/canvas/canvas.provider.tsx
@@ -307,6 +307,7 @@ export const CanvasProvider: React.FC<Props> = props => {
         setActivePage,
         deletePage,
         editPageTitle,
+        activePageIndex: document.activePageIndex,
         isThumbnailContextMenuVisible,
         setIsThumbnailContextMenuVisible,
       }}
diff --git a/src/pods/thumb-pages/components/thumb-page.tsx b/src/pods/thumb-pages/components/thumb-page.tsx
index 7417a0fa..49496d52 100644
--- a/src/pods/thumb-pages/components/thumb-page.tsx
+++ b/src/pods/thumb-pages/components/thumb-page.tsx
@@ -21,7 +21,7 @@ interface Props {
 export const ThumbPage: React.FunctionComponent<Props> = props => {
   const { pageIndex, onSetActivePage, setPageTitleBeingEdited, isVisible } =
     props;
-  const { fullDocument } = useCanvasContext();
+  const { fullDocument, activePageIndex } = useCanvasContext();
   const page = fullDocument.pages[pageIndex];
   const shapes = page.shapes;
   const fakeShapeRefs = useRef<ShapeRefs>({});
@@ -58,8 +58,10 @@ export const ThumbPage: React.FunctionComponent<Props> = props => {
   }, [isVisible]);
 
   React.useEffect(() => {
-    handleResizeAndForceRedraw();
-  }, [shapes, fullDocument]);
+    setTimeout(() => {
+      handleResizeAndForceRedraw();
+    }, 100);
+  }, [shapes, activePageIndex]);
 
   React.useEffect(() => {
     window.addEventListener('resize', handleResizeAndForceRedraw);