From da3b2776fb9d4d2a30493de7349a597ed252c8b1 Mon Sep 17 00:00:00 2001
From: Allan Lasser <lasser.allan@gmail.com>
Date: Thu, 22 Feb 2024 13:49:24 -0500
Subject: [PATCH] More viewer pagination fixes

---
 src/pages/viewer/controls/Paginator.svelte | 31 +++++++++++++---------
 1 file changed, 18 insertions(+), 13 deletions(-)

diff --git a/src/pages/viewer/controls/Paginator.svelte b/src/pages/viewer/controls/Paginator.svelte
index 9c277952e..7f1a4de34 100644
--- a/src/pages/viewer/controls/Paginator.svelte
+++ b/src/pages/viewer/controls/Paginator.svelte
@@ -1,26 +1,31 @@
-<script>
-  import { doc } from "@/viewer/document.js";
-  import { viewer } from "@/viewer/viewer.js";
+<script lang="ts">
+  import { doc } from "../../../viewer/document.js";
+  import { viewer } from "../../../viewer/viewer.js";
   import Paginator from "../../../common/Paginator.svelte";
 
-  function goToPage(readablePageNumber) {
-    doc.jumpToPage(readablePageNumber - 1);
-  }
+  // @ts-expect-error
+  $: mode = doc.mode;
+
+  $: page = doc.visiblePageNumber;
+  $: totalPages = viewer.document.pageCount;
+  $: has_next = page < totalPages;
+  $: has_previous = page > 1;
 
-  $: {
-    console.log(doc.visiblePageNumber, $doc.visiblePageNumber);
+  function goToPage(page) {
+    console.log("Go to page ", page);
+    doc.jumpToPage(page - 1);
   }
 </script>
 
-{#if $viewer.loaded && $doc.mode !== "search" && $doc.mode !== "notes" && $doc.mode !== "thumbnail"}
+{#if $viewer.loaded && mode !== "search" && mode !== "notes" && mode !== "thumbnail"}
   <Paginator
-    bind:page={$doc.visiblePageNumber}
-    totalPages={$viewer.document.pageCount}
+    {page}
+    {totalPages}
+    {has_next}
+    {has_previous}
     on:previous={goToPage}
     on:next={goToPage}
     on:goTo={goToPage}
     goToNav
-    has_next={$doc.visiblePageNumber < $viewer.document.pageCount}
-    has_prev={$doc.visiblePageNumber > 1}
   />
 {/if}