feat: replace static values with animated count-up for investment tot…

…als on dashboard
Sosokker · Nov 10, 2024 · 7e4a237 · 7e4a237
1 parent b2bc876
commit 7e4a237
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
@@ -87,7 +87,7 @@ export default function Dashboard() {
             username: string;
           }[]
         );
-        console.table(latestInvestment);
+        // console.table(latestInvestment);
       }
     };
     setTopLatestInvestment();
@@ -198,7 +198,9 @@ export default function Dashboard() {
                         </svg>
                       </CardHeader>
                       <CardContent>
-                        <div className="text-2xl font-bold">+2350</div>
+                        <div className="text-2xl font-bold">
+                          +<CountUp end={2350} duration={1} />
+                        </div>
                         {/* <p className="text-xs text-muted-foreground">
                       +180.1% from last month
                     </p> */}
@@ -223,7 +225,9 @@ export default function Dashboard() {
                         </svg>
                       </CardHeader>
                       <CardContent>
-                        <div className="text-2xl font-bold">+12,234</div>
+                        <div className="text-2xl font-bold">
+                          +<CountUp end={12234} duration={1} />
+                        </div>
                         {/* <p className="text-xs text-muted-foreground">
                       +19% from last month
                     </p> */}