From 7adbc4bf689d2c1600ee96366d2da8ee90345a85 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Leszczyk?= <michasko37@gmail.com>
Date: Sat, 26 Feb 2022 12:25:01 +0100
Subject: [PATCH] fix(dashboard-v2): fix slider scrolling to far when window
 size is increased on the last slide

---
 packages/dashboard-v2/src/components/Slider/Slider.js | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/packages/dashboard-v2/src/components/Slider/Slider.js b/packages/dashboard-v2/src/components/Slider/Slider.js
index 8a91f5f0..9439e79f 100644
--- a/packages/dashboard-v2/src/components/Slider/Slider.js
+++ b/packages/dashboard-v2/src/components/Slider/Slider.js
@@ -38,6 +38,15 @@ const Slider = ({ slides, breakpoints }) => {
     [slides, visibleSlides, setActiveIndex]
   );
 
+  React.useEffect(() => {
+    const maxIndex = slides.length - visibleSlides;
+
+    // Make sure to not scroll too far when screen size changes.
+    if (activeIndex > maxIndex) {
+      setActiveIndex(maxIndex);
+    }
+  }, [slides.length, visibleSlides, activeIndex]);
+
   return (
     <Container>
       <Scroller