From e81dad4ec5f8e7b979fefd93668952a4fcacb5d0 Mon Sep 17 00:00:00 2001
From: Ardeman <are.theman@gmail.com>
Date: Mon, 24 Mar 2025 13:24:24 +0800
Subject: [PATCH] feat: update Autoplay settings in Banner component to prevent
 stopping on interaction

---
 app/layouts/news/banner.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/layouts/news/banner.tsx b/app/layouts/news/banner.tsx
index c7d4600..cedad42 100644
--- a/app/layouts/news/banner.tsx
+++ b/app/layouts/news/banner.tsx
@@ -8,7 +8,11 @@ import type { loader } from '~/routes/_news'
 export const Banner = () => {
   const loaderData = useRouteLoaderData<typeof loader>('routes/_news')
   const { adsData } = loaderData || {}
-  const [emblaReference] = useEmblaCarousel({ loop: true }, [Autoplay()])
+  const [emblaReference] = useEmblaCarousel({ loop: true }, [
+    Autoplay({
+      stopOnInteraction: false,
+    }),
+  ])
   const fetcher = useFetcher()
 
   return (