♻️ refactor conditional rendering of navigation buttons (#1373)

equinor · Jan 3, 2023 · 4832f30 · 4832f30
1 parent 79726f7
commit 4832f30
Showing 1 changed file with 7 additions and 15 deletions.
diff --git a/web/pageComponents/shared/Carousel/Navigation.tsx b/web/pageComponents/shared/Carousel/Navigation.tsx
@@ -46,21 +46,13 @@ export const NavButton = ({ type }: { type: 'prev' | 'next' }) => {
       })
     }
 
-    swiper.on('slideChange', (swipe) => {
-      updateConfig(swipe)
-    })
-    swiper.on('lock', (swipe) => {
-      updateConfig(swipe)
-    })
-    swiper.on('unlock', (swipe) => {
-      updateConfig(swipe)
-    })
-    swiper.on('transitionStart', (swipe) => {
-      updateConfig(swipe)
-    })
-    swiper.on('transitionEnd', (swipe) => {
-      updateConfig(swipe)
-    })
+    swiper.on('reachBeginning', (swipe) => updateConfig(swipe))
+    swiper.on('reachEnd', (swipe) => updateConfig(swipe))
+
+    return () => {
+      swiper.off('reachBeginning', (swipe) => updateConfig(swipe))
+      swiper.off('reachEnd', (swipe) => updateConfig(swipe))
+    }
   }, [swiper])
 
   if (type !== 'prev' && type !== 'next') return null