From c0a13abf4ae7aa019aadf6651771aaa6d12067c8 Mon Sep 17 00:00:00 2001
From: Julien Froidefond <julien.froidefond@cdbdx.biz>
Date: Sun, 2 Mar 2025 07:24:18 +0100
Subject: [PATCH] fix: Handling page 0 on reader with localstorage cache

---
 src/components/reader/hooks/usePageNavigation.ts | 3 ++-
 src/components/series/BookGrid.tsx               | 6 +++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/components/reader/hooks/usePageNavigation.ts b/src/components/reader/hooks/usePageNavigation.ts
index f8cbc4f..02e0637 100644
--- a/src/components/reader/hooks/usePageNavigation.ts
+++ b/src/components/reader/hooks/usePageNavigation.ts
@@ -17,7 +17,8 @@ export const usePageNavigation = ({
   onClose,
   direction,
 }: UsePageNavigationProps) => {
-  const [currentPage, setCurrentPage] = useState(ClientOfflineBookService.getCurrentPage(book));
+  const cPage = ClientOfflineBookService.getCurrentPage(book);
+  const [currentPage, setCurrentPage] = useState(cPage < 1 ? 1 : cPage);
   const [isLoading, setIsLoading] = useState(true);
   const [secondPageLoading, setSecondPageLoading] = useState(true);
   const [zoomLevel, setZoomLevel] = useState(1);
diff --git a/src/components/series/BookGrid.tsx b/src/components/series/BookGrid.tsx
index ed51892..d95608b 100644
--- a/src/components/series/BookGrid.tsx
+++ b/src/components/series/BookGrid.tsx
@@ -65,9 +65,9 @@ export function BookGrid({ books, onBookClick }: BookGridProps) {
             key={book.id}
             className="group relative aspect-[2/3] overflow-hidden rounded-lg bg-muted"
           >
-            <button
+            <div
               onClick={() => onBookClick(book)}
-              className="w-full h-full hover:opacity-100 transition-all"
+              className="w-full h-full hover:opacity-100 transition-all cursor-pointer"
             >
               <BookCover
                 book={book}
@@ -76,7 +76,7 @@ export function BookGrid({ books, onBookClick }: BookGridProps) {
                 })}
                 onSuccess={(book, action) => handleOnSuccess(book, action)}
               />
-            </button>
+            </div>
           </div>
         );
       })}