ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Animated Counter: Adjust speed

Browse Source
This commit is contained in:
Alexander Zinchuk 2023-01-30 15:55:56 +01:00
parent cf01bea655
commit f668805611
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/common/AnimatedCounter.module.scss
View File

@ -1,7 +1,7 @@
$perspective: 10px; $perspective: 10px;
$translate: 10px; $translate: 10px;
$rotate: 30deg; $rotate: 30deg;
$animation-time: 0.15s; $animation-time: 200ms;
.root { .root {
display: inline-flex; display: inline-flex;

4
src/components/common/AnimatedCounter.tsx
View File

@ -14,7 +14,7 @@ type OwnProps = {
text: string; text: string;
}; };
const ANIMATION_TIME = 150; const ANIMATION_TIME = 200;
const AnimatedCounter: FC<OwnProps> = ({ const AnimatedCounter: FC<OwnProps> = ({
text, text,
@ -54,7 +54,7 @@ const AnimatedCounter: FC<OwnProps> = ({
useTimeout(() => { useTimeout(() => {
isAnimatingRef.current = false; isAnimatingRef.current = false;
forceUpdate(); forceUpdate();
}, shouldAnimate && isAnimatingRef.current ? ANIMATION_TIME : undefined); }, isAnimatingRef.current ? ANIMATION_TIME : undefined);
return ( return (
<span className={styles.root} dir={lang.isRtl ? 'rtl' : undefined}> <span className={styles.root} dir={lang.isRtl ? 'rtl' : undefined}>