diff --git a/packages/dashboard-v2/src/components/Slider/Bullets.js b/packages/dashboard-v2/src/components/Slider/Bullets.js index ab33f64a..b43c66b5 100644 --- a/packages/dashboard-v2/src/components/Slider/Bullets.js +++ b/packages/dashboard-v2/src/components/Slider/Bullets.js @@ -9,11 +9,12 @@ export default function Bullets({ visibleSlides, activeIndex, allSlides, changeS
{Array(allSlides - visibleSlides + 1) .fill(null) - .map((_, i) => ( - changeSlide(i)} + .map((_, index) => ( +
diff --git a/packages/dashboard-v2/src/components/Slider/Slider.js b/packages/dashboard-v2/src/components/Slider/Slider.js index 9439e79f..6e194436 100644 --- a/packages/dashboard-v2/src/components/Slider/Slider.js +++ b/packages/dashboard-v2/src/components/Slider/Slider.js @@ -55,14 +55,14 @@ const Slider = ({ slides, breakpoints }) => { $activeIndex={activeIndex} $scrollable={scrollable} > - {slides.map((slide, i) => { - const isVisible = i >= activeIndex && i < activeIndex + visibleSlides; + {slides.map((slide, index) => { + const isVisible = index >= activeIndex && index < activeIndex + visibleSlides; return ( -
+
changeSlide(i) : null} + onClick={scrollable && !isVisible ? () => changeSlide(index) : null} > {slide}