From 9992a758222805c2ee207251f30f8bdbe122c6dc Mon Sep 17 00:00:00 2001
From: aliirz <dejavu87@gmail.com>
Date: Fri, 17 Jan 2025 18:56:10 +0500
Subject: [PATCH] Refactor AnimatedCounter component for improved readability

- Changed variable declarations from `let` to `const` for `valueRoundedToPlace`, `animatedValue`, `y`, `placeValue`, and `offset` to enhance code clarity and maintainability.
- Updated array mapping method in the `Digit` component to use `Array.from` for better readability.
- Minor formatting adjustments for consistency across the component.
---
 components/ui/animated-counter.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

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 (
     <div style={{ height }} className="relative w-[1ch] tabular-nums">
-      {[...Array(10).keys()].map((i) => (
+      {Array.from({ length: 10 }, (_, i) => (
         <Number key={i} mv={animatedValue} number={i} />
       ))}
     </div>
@@ -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;