From dc4b74d1499e4a8a7e381af7fb76f2cbdfda9ca4 Mon Sep 17 00:00:00 2001
From: acx10 <8075870+acx10@users.noreply.github.com>
Date: Wed, 29 Apr 2026 10:59:49 -0600
Subject: [PATCH] Fix PDF reader (#3391)

Co-authored-by: acx10 <acx10@users.noreply.github.com>
---
 .../pdf-reader/pdf-reader.component.html      | 19 +++++++++----------
 .../pdf-reader/pdf-reader.component.ts        |  7 ++++++-
 2 files changed, 15 insertions(+), 11 deletions(-)

diff --git a/booklore-ui/src/app/features/readers/pdf-reader/pdf-reader.component.html b/booklore-ui/src/app/features/readers/pdf-reader/pdf-reader.component.html
index e054aa0a6..734ddf6ee 100644
--- a/booklore-ui/src/app/features/readers/pdf-reader/pdf-reader.component.html
+++ b/booklore-ui/src/app/features/readers/pdf-reader/pdf-reader.component.html
@@ -40,15 +40,15 @@
         @if (canPrint) {
           <pdf-print></pdf-print>
         }
-        <pdf-no-spread></pdf-no-spread>
-        <pdf-even-spread></pdf-even-spread>
-        <pdf-odd-spread></pdf-odd-spread>
-        <pdf-infinite-scroll></pdf-infinite-scroll>
-        <pdf-horizontal-scroll></pdf-horizontal-scroll>
-        <pdf-vertical-scroll-mode></pdf-vertical-scroll-mode>
-        <pdf-wrapped-scroll-mode></pdf-wrapped-scroll-mode>
-        <pdf-single-page-mode></pdf-single-page-mode>
-        <pdf-book-mode></pdf-book-mode>
+        <pdf-no-spread [scrollMode]="scrollMode"></pdf-no-spread>
+        <pdf-even-spread [scrollMode]="scrollMode"></pdf-even-spread>
+        <pdf-odd-spread [scrollMode]="scrollMode"></pdf-odd-spread>
+        <pdf-infinite-scroll [scrollMode]="scrollMode" [pageViewMode]="pageViewMode"></pdf-infinite-scroll>
+        <pdf-horizontal-scroll [scrollMode]="scrollMode" [pageViewMode]="pageViewMode"></pdf-horizontal-scroll>
+        <pdf-vertical-scroll-mode [scrollMode]="scrollMode" [pageViewMode]="pageViewMode"></pdf-vertical-scroll-mode>
+        <pdf-wrapped-scroll-mode [scrollMode]="scrollMode" [pageViewMode]="pageViewMode"></pdf-wrapped-scroll-mode>
+        <pdf-single-page-mode [scrollMode]="scrollMode" [pageViewMode]="pageViewMode"></pdf-single-page-mode>
+        <pdf-book-mode [scrollMode]="scrollMode" [pageViewMode]="pageViewMode"></pdf-book-mode>
         <div class="verticalToolbarSeparator hiddenSmallView"></div>
         <pdf-toggle-secondary-toolbar></pdf-toggle-secondary-toolbar>
         <div class="verticalToolbarSeparator"></div>
@@ -76,4 +76,3 @@
     </div>
   </ng-template>
 }
-
diff --git a/booklore-ui/src/app/features/readers/pdf-reader/pdf-reader.component.ts b/booklore-ui/src/app/features/readers/pdf-reader/pdf-reader.component.ts
index 97599fec0..a9c84253c 100644
--- a/booklore-ui/src/app/features/readers/pdf-reader/pdf-reader.component.ts
+++ b/booklore-ui/src/app/features/readers/pdf-reader/pdf-reader.component.ts
@@ -37,6 +37,8 @@ export class PdfReaderComponent implements OnInit, OnDestroy {
 
   rotation: 0 | 90 | 180 | 270 = 0;
   authorization = '';
+  scrollMode: 0 | 1 | 2 | 3 = 0;
+  pageViewMode: 'single' | 'book' | 'multiple' | 'infinite-scroll' = 'single';
 
   page!: number;
   spread!: 'off' | 'even' | 'odd';
@@ -119,7 +121,10 @@ export class PdfReaderComponent implements OnInit, OnDestroy {
     });
   }
 
-  onPageChange(page: number): void {
+  onPageChange(page: number | undefined): void {
+    if (page === undefined) {
+      return;
+    }
     if (page !== this.page) {
       this.page = page;
       this.updateProgress();