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}