fix(snackbar): adds timer pause during swipe gesture

adevinta · Jun 13, 2024 · ea40f6f · ea40f6f
1 parent 9fce4dc
commit ea40f6f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/components/snackbar/src/SnackbarItem.tsx b/packages/components/snackbar/src/SnackbarItem.tsx
@@ -91,8 +91,11 @@ export const SnackbarItem = forwardRef<HTMLDivElement, PropsWithChildren<Snackba
 
     const { state: swipeState, direction: swipeDirection } = useSwipe({
       swipeRef: ref,
+      onSwipeStart: state.pauseAll,
+      onSwipeCancel: state.resumeAll,
       onSwipeEnd: ({ direction }) => {
         ;['left', 'right'].includes(`${direction}`) && state.close(toast.key)
+        state.resumeAll()
       },
     })