diff --git a/components/ui/animated-counter.tsx b/components/ui/animated-counter.tsx index e5dc220..fb3db92 100644 --- a/components/ui/animated-counter.tsx +++ b/components/ui/animated-counter.tsx @@ -21,8 +21,8 @@ export function AnimatedCounter({ value }: { value: number }) { } function Digit({ place, value }: { place: number; value: number }) { - let valueRoundedToPlace = Math.floor(value / place); - let animatedValue = useSpring(valueRoundedToPlace); + const valueRoundedToPlace = Math.floor(value / place); + const animatedValue = useSpring(valueRoundedToPlace); useEffect(() => { animatedValue.set(valueRoundedToPlace); @@ -30,7 +30,7 @@ function Digit({ place, value }: { place: number; value: number }) { return (
- {[...Array(10).keys()].map((i) => ( + {Array.from({ length: 10 }, (_, i) => ( ))}
@@ -38,9 +38,9 @@ function Digit({ place, value }: { place: number; value: number }) { } function Number({ mv, number }: { mv: MotionValue; number: number }) { - let y = useTransform(mv, (latest) => { - let placeValue = latest % 10; - let offset = (10 + number - placeValue) % 10; + const y = useTransform(mv, (latest) => { + const placeValue = latest % 10; + const offset = (10 + number - placeValue) % 10; let memo = offset * height; if (offset > 5) { memo -= 10 * height;