danog/telegram-tt
1
0
Fork 0
mirror of https://github.com/danog/telegram-tt.git synced 2025-01-21 12:51:22 +01:00
Code Issues Packages Projects Releases Wiki Activity

[Perf] Animated Sticker: Avoid redundant data change on first render (#1576)

Browse Source
This commit is contained in:
Alexander Zinchuk 2021-12-10 18:33:47 +01:00
parent 261ea66d5e
commit 8086003321
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/common/AnimatedSticker.tsx
View File

@ -60,6 +60,7 @@ const AnimatedSticker: FC<OwnProps> = ({
const container = useRef<HTMLDivElement>(null);
const wasPlaying = useRef(false);
const isFrozen = useRef(false);
const isFirstRender = useRef(true);
const playRef = useRef();
playRef.current = play;
@ -194,9 +195,13 @@ const AnimatedSticker: FC<OwnProps> = ({
useEffect(() => {
if (animation) {
if (isFirstRender.current) {
isFirstRender.current = false;
} else {
animation.changeData(animationData);
playAnimation();
}
}
}, [playAnimation, animation, animationData]);
useHeavyAnimationCheck(freezeAnimation, unfreezeAnimation);