From 6052501e387518c6feca17e8f0811b53ac5e9216 Mon Sep 17 00:00:00 2001
From: Henry Orozco <alangumer@gmail.com>
Date: Mon, 21 Oct 2024 09:51:00 -0600
Subject: [PATCH] fix: arrow color

---
 src/components/organisms/cardSlider/index.module.scss | 5 +++++
 src/components/organisms/cardSlider/index.tsx         | 8 ++++----
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/organisms/cardSlider/index.module.scss b/src/components/organisms/cardSlider/index.module.scss
index c994557fb..0e34ae383 100644
--- a/src/components/organisms/cardSlider/index.module.scss
+++ b/src/components/organisms/cardSlider/index.module.scss
@@ -82,6 +82,11 @@
 		}
 	}
 }
+.arrowWhite {
+	@media (min-width: $breakpoint-lg) {
+		color: $ts-white;
+	}
+}
 
 .base:hover .arrow:not(:disabled) {
 	opacity: 1;
diff --git a/src/components/organisms/cardSlider/index.tsx b/src/components/organisms/cardSlider/index.tsx
index 1c02e6bff..f2b97c14a 100644
--- a/src/components/organisms/cardSlider/index.tsx
+++ b/src/components/organisms/cardSlider/index.tsx
@@ -116,12 +116,12 @@ export default function Slider({
 			}}
 		>
 			<button
-				className={styles.arrow}
+				className={`${styles.arrow}${isDarkBg && ' ' + styles.arrowWhite}`}
 				onClick={() => swiper?.slidePrev()}
 				disabled={isBeginning}
 				aria-label={previous}
 			>
-				<IconBack color={isDarkBg && '#fff'} />
+				<IconBack />
 			</button>
 
 			<LazySwiper on={handlers} className={hasBg ? styles.whiteBg : ''}>
@@ -129,12 +129,12 @@ export default function Slider({
 			</LazySwiper>
 
 			<button
-				className={styles.arrow}
+				className={`${styles.arrow}${isDarkBg && ' ' + styles.arrowWhite}`}
 				onClick={() => swiper?.slideNext()}
 				disabled={isEnd}
 				aria-label={next}
 			>
-				<IconForward color={isDarkBg && '#fff'} />
+				<IconForward />
 			</button>
 		</div>
 	);