fix: 캐러셀 일시정지 유지, 누락된 애니메이션 추가

wafflestudio · Apr 7, 2024 · d388703 · d388703
1 parent d3ad3e8
commit d388703
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/app/[locale]/page.tsx b/app/[locale]/page.tsx
@@ -135,7 +135,14 @@ const LinkWithArrow = ({
         <p className="text-base font-medium sm:text-lg sm:font-semibold">{title}</p>
         <p className="text-xs font-medium sm:font-semibold">{subtitle}</p>
       </div>
-      <Image src="/image/main/right_arrow.png" width={24} height={24} alt="" sizes="24w" />
+      <Image
+        src="/image/main/right_arrow.png"
+        width={24}
+        height={24}
+        alt=""
+        sizes="24w"
+        className="duration-300 group-hover:translate-x-2"
+      />
     </Link>
   );
 };
diff --git a/components/main/useCarousel.ts b/components/main/useCarousel.ts
@@ -41,9 +41,9 @@ export default function useCarousel(news: MainNews[]) {
     (page: number) => {
       stopScroll();
       _setPage(page);
-      startScroll();
+      if (isScroll) startScroll();
     },
-    [startScroll, stopScroll],
+    [isScroll, startScroll, stopScroll],
   );
 
   useEffect(() => {