chore: add log statements for slider debug

jwplayer · Jan 19, 2024 · 636c8b8 · 636c8b8
1 parent 0cfc177
commit 636c8b8
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/components/TileDock/TileDock.tsx b/src/components/TileDock/TileDock.tsx
@@ -98,6 +98,8 @@ function TileDock<T>({
 
   const slide = useCallback(
     (direction: Direction): void => {
+      console.info(`Slide to the ${direction}. (transition = ${hasTransition})`);
+
       if (hasTransition) {
         return;
       }
@@ -159,6 +161,7 @@ function TileDock<T>({
         const direction: Direction = newPosition.x < touchPosition.x ? 'right' : 'left';
 
         if (movementX > minimalTouchMovement && movementX > movementY) {
+          console.info(`Touch ${direction}! (${movementX}, ${movementY})`);
           slide(direction);
         }
 
@@ -202,7 +205,9 @@ function TileDock<T>({
   }, [doAnimationReset, index, items.length, slideToIndex, tileWidth, tilesToShow, transitionBasis]);
 
   const handleTransitionEnd = (event: React.TransitionEvent<HTMLUListElement>) => {
+    console.info('Transition end');
     if (event.target === frameRef.current) {
+      console.info('Transition reset');
       setDoAnimationReset(true);
       setHasTransition(false);
     }