From d77b3c57d25cb938b65c3a41cb574ec0f2ee4c0c Mon Sep 17 00:00:00 2001
From: Julien Froidefond <julien.froidefond@cdbdx.biz>
Date: Sat, 22 Feb 2025 07:47:19 +0100
Subject: [PATCH] fix: double page rtl pages reverse

---
 src/components/reader/BookReader.tsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/reader/BookReader.tsx b/src/components/reader/BookReader.tsx
index ae477a0..d7c7abe 100644
--- a/src/components/reader/BookReader.tsx
+++ b/src/components/reader/BookReader.tsx
@@ -225,11 +225,15 @@ export function BookReader({ book, pages, onClose }: BookReaderProps) {
                 3. Les images sont déjà optimisées côté serveur
                 4. La performance est critique pour une lecture fluide
               */}
-              {/* Page courante */}
               <div
                 className={cn(
                   "relative h-full flex items-center",
-                  isDoublePage ? "w-1/2 justify-end" : "w-full justify-center"
+                  isDoublePage && {
+                    "w-1/2": true,
+                    "order-2 justify-start": isRTL,
+                    "order-1 justify-end": !isRTL,
+                  },
+                  !isDoublePage && "w-full justify-center"
                 )}
               >
                 <ImageLoader isLoading={isLoading} />
@@ -248,7 +252,12 @@ export function BookReader({ book, pages, onClose }: BookReaderProps) {
 
               {/* Deuxième page en mode double page */}
               {isDoublePage && shouldShowDoublePage(currentPage) && (
-                <div className={cn("relative h-full w-1/2 flex items-center", "justify-start")}>
+                <div
+                  className={cn(
+                    "relative h-full w-1/2 flex items-center",
+                    isRTL ? "order-1 justify-end" : "order-2 justify-start"
+                  )}
+                >
                   <ImageLoader isLoading={secondPageLoading} />
                   {nextPageUrl && (
                     <img