From 6ad1d68357a9bb075be15744ba8e8794e36e51b2 Mon Sep 17 00:00:00 2001
From: Esteban <estebandev12@gmail.com>
Date: Sun, 5 Apr 2026 11:59:49 -0500
Subject: [PATCH] fixed arrows direction in carousel for hebrew

---
 src/components/section/CarouselSection.astro | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/section/CarouselSection.astro b/src/components/section/CarouselSection.astro
index 2b6f6b4..77872e4 100644
--- a/src/components/section/CarouselSection.astro
+++ b/src/components/section/CarouselSection.astro
@@ -4,6 +4,8 @@ import "swiper/css";
 import "swiper/css/navigation";
 import "swiper/css/pagination";
 import { Icon } from "astro-icon/components";
+
+const isHebrew = Astro.currentLocale === "he";
 const { images, class: className } = Astro.props;
 ---
 
@@ -36,10 +38,12 @@ const { images, class: className } = Astro.props;
 
       <!-- If we need navigation buttons -->
       <div class="swiper-button-prev">
-        <Icon name="ph:arrow-circle-left-thin" class="text-white" />
+        {isHebrew && <Icon name="ph:arrow-circle-right-thin" class="text-white" />}
+        {!isHebrew && <Icon name="ph:arrow-circle-left-thin" class="text-white" />}
       </div>
       <div class="swiper-button-next">
-        <Icon name="ph:arrow-circle-right-thin" class="text-white" />
+        {isHebrew && <Icon name="ph:arrow-circle-left-thin" class="text-white" />}
+        {!isHebrew && <Icon name="ph:arrow-circle-right-thin" class="text-white" />}
       </div>
     </div>
   </div>