feat: update Autoplay settings in Banner component to prevent stopping on interaction

2025-03-24 13:24:24 +08:00 · 2025-03-24 13:24:24 +08:00 · e81dad4ec5
commit e81dad4ec5
parent 63bbf70bd6
1 changed files with 5 additions and 1 deletions
--- 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 (