From b208a2aaf69e4ea156c9a796aac5f40f7ce82751 Mon Sep 17 00:00:00 2001
From: Julien Froidefond <julien.froidefond@cdbdx.biz>
Date: Sat, 22 Feb 2025 07:49:14 +0100
Subject: [PATCH] feat: icon left to right review

---
 src/components/reader/components/ControlButtons.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/reader/components/ControlButtons.tsx b/src/components/reader/components/ControlButtons.tsx
index 6733e90..824d68a 100644
--- a/src/components/reader/components/ControlButtons.tsx
+++ b/src/components/reader/components/ControlButtons.tsx
@@ -7,7 +7,8 @@ import {
   LayoutTemplate,
   Maximize2,
   Minimize2,
-  ArrowLeftRight,
+  MoveRight,
+  MoveLeft,
 } from "lucide-react";
 import { cn } from "@/lib/utils";
 
@@ -65,9 +66,11 @@ export const ControlButtons = ({
             direction === "ltr" ? "gauche à droite" : "droite à gauche"
           })`}
         >
-          <ArrowLeftRight
-            className={cn("h-6 w-6 transition-transform", direction === "rtl" && "rotate-180")}
-          />
+          {direction === "rtl" ? (
+            <MoveLeft className="h-6 w-6" />
+          ) : (
+            <MoveRight className="h-6 w-6" />
+          )}
         </button>
         <button
           onClick={(e) => {