Fix animation glitch

This commit is contained in:
Thomas Nordquist
2019-07-07 12:59:30 +02:00
parent 183ea9d8c0
commit 6bead5b5a6

View File

@@ -9,20 +9,21 @@ export function useAnimationToIndicateTopicUpdate(
) {
useEffect(() => {
if (ref.current && shouldAnimate && Date.now() - lastUpdate < 3000 && !selected) {
let timeout: any
let animationFrame = requestAnimationFrame(() => {
ref.current && ref.current.classList.add(className)
})
const timeout = setTimeout(
timeout = setTimeout(
() =>
(animationFrame = requestAnimationFrame(() => {
ref.current && ref.current.classList.remove(className)
})),
500
)
})
return function cleanup() {
clearTimeout(timeout)
timeout && clearTimeout(timeout)
animationFrame && cancelAnimationFrame(animationFrame)
}
}