From f256b5e33d64c963485cdd25e272243bbd0cec1a Mon Sep 17 00:00:00 2001 From: NikolaBorislavovHristov Date: Thu, 3 Oct 2019 10:45:12 +0300 Subject: [PATCH] thumb animation functions renamed --- src/common/Slider/Slider.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/common/Slider/Slider.js b/src/common/Slider/Slider.js index 3f2a9be2f..d5398818a 100644 --- a/src/common/Slider/Slider.js +++ b/src/common/Slider/Slider.js @@ -15,7 +15,7 @@ const Slider = ({ className, value, minimumValue, maximumValue, onSlide, onCompl const sliderContainerRef = React.useRef(null); const [active, setActive] = React.useState(false); const focusable = useFocusable(); - const [requestAnimation, cancelAnimation] = useAnimationFrame(); + const [requestThumbAnimation, cancelThumbAnimation] = useAnimationFrame(); const calculateValueForMouseX = React.useCallback((mouseX) => { if (sliderContainerRef.current === null) { return 0; @@ -48,7 +48,7 @@ const Slider = ({ className, value, minimumValue, maximumValue, onSlide, onCompl setActive(false); }, []); const onMouseMove = React.useCallback((event) => { - requestAnimation(() => { + requestThumbAnimation(() => { const value = calculateValueForMouseX(event.clientX); if (typeof onSlideRef.current === 'function') { onSlideRef.current(value); @@ -74,7 +74,7 @@ const Slider = ({ className, value, minimumValue, maximumValue, onSlide, onCompl document.documentElement.className = classnames(document.documentElement.className, styles['active-slider-within']); }, []); const releaseThumb = React.useCallback(() => { - cancelAnimation(); + cancelThumbAnimation(); window.removeEventListener('blur', onBlur); window.removeEventListener('mouseup', onMouseUp); window.removeEventListener('mousemove', onMouseMove);