fix: base one screen size infinite props pass to Carousel component

eclipse-tractusx · Aug 29, 2024 · 37619e1 · 37619e1
1 parent 4a455a3
commit 37619e1
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/src/components/basic/ImageGallery/index.tsx b/src/components/basic/ImageGallery/index.tsx
@@ -52,6 +52,12 @@ export const ImageGallery = ({
     else return 3
   }
 
+  const getIsInfinite = () => {
+    if (mobile) return gallery?.length > 1
+    else if (tab) return gallery?.length > 2
+    else return gallery?.length > 3
+  }
+
   return (
     <div className="cx-image-gallery">
       {hovered && hoveredImage?.url && (
@@ -68,7 +74,7 @@ export const ImageGallery = ({
         gapBetweenSlides={32}
         gapCarouselTop={0}
         dots={false}
-        infinite
+        infinite={getIsInfinite()}
         itemHeight={maxHeight ?? 0}
         itemWidth={maxWidth ?? 266}
         slidesToShow={getSlidesToShow()}