diff --git a/src/components/reader/PhotoswipeReader.tsx b/src/components/reader/PhotoswipeReader.tsx index 4410c7d..5d64b7b 100644 --- a/src/components/reader/PhotoswipeReader.tsx +++ b/src/components/reader/PhotoswipeReader.tsx @@ -36,6 +36,12 @@ export function PhotoswipeReader({ book, pages, onClose, nextBook }: BookReaderP const touchStartXRef = useRef(null); const touchStartYRef = useRef(null); const isPinchingRef = useRef(false); + const currentPageRef = useRef(currentPage); + + // Garder currentPage à jour dans la ref pour le cleanup + useEffect(() => { + currentPageRef.current = currentPage; + }, [currentPage]); // Auto double page en paysage useEffect(() => { @@ -85,10 +91,13 @@ export function PhotoswipeReader({ book, pages, onClose, nextBook }: BookReaderP (page: number) => { if (page >= 1 && page <= pages.length) { setCurrentPage(page); + // Mettre à jour le localStorage immédiatement + ClientOfflineBookService.setCurrentPage(book, page); + // Débouncer seulement l'API Komga debouncedSync(page); } }, - [pages.length, debouncedSync] + [pages.length, debouncedSync, book] ); const handlePreviousPage = useCallback(() => { @@ -209,16 +218,16 @@ export function PhotoswipeReader({ book, pages, onClose, nextBook }: BookReaderP }; }, [handleNextPage, handlePreviousPage, handleTouchStart, handleTouchEnd, onClose, isRTL, currentPage]); - // Cleanup + // Cleanup - Sync final sans debounce useEffect(() => { return () => { if (syncTimeoutRef.current) { clearTimeout(syncTimeoutRef.current); - syncReadProgress(currentPage); } - ClientOfflineBookService.removeCurrentPage(book); + // Sync immédiatement au cleanup avec la VRAIE valeur actuelle + syncReadProgress(currentPageRef.current); }; - }, [syncReadProgress, book, currentPage]); + }, [syncReadProgress]); const getPageUrl = useCallback((pageNum: number) => `/api/komga/books/${book.id}/pages/${pageNum}`, [book.id]);