diff --git a/src/components/TileDock/TileDock.tsx b/src/components/TileDock/TileDock.tsx index 6375ea0a2..ba6edf876 100644 --- a/src/components/TileDock/TileDock.tsx +++ b/src/components/TileDock/TileDock.tsx @@ -98,6 +98,8 @@ function TileDock({ const slide = useCallback( (direction: Direction): void => { + console.info(`Slide to the ${direction}. (transition = ${hasTransition})`); + if (hasTransition) { return; } @@ -159,6 +161,7 @@ function TileDock({ 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({ }, [doAnimationReset, index, items.length, slideToIndex, tileWidth, tilesToShow, transitionBasis]); const handleTransitionEnd = (event: React.TransitionEvent) => { + console.info('Transition end'); if (event.target === frameRef.current) { + console.info('Transition reset'); setDoAnimationReset(true); setHasTransition(false); }