feat: replace static values with animated count-up for investment totals on dashboard

This commit is contained in:
THIS ONE IS A LITTLE BIT TRICKY KRUB 2024-11-10 13:25:12 +07:00
parent b2bc8766e1
commit 7e4a237075

View File

@ -87,7 +87,7 @@ export default function Dashboard() {
username: string; username: string;
}[] }[]
); );
console.table(latestInvestment); // console.table(latestInvestment);
} }
}; };
setTopLatestInvestment(); setTopLatestInvestment();
@ -198,7 +198,9 @@ export default function Dashboard() {
</svg> </svg>
</CardHeader> </CardHeader>
<CardContent> <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"> {/* <p className="text-xs text-muted-foreground">
+180.1% from last month +180.1% from last month
</p> */} </p> */}
@ -223,7 +225,9 @@ export default function Dashboard() {
</svg> </svg>
</CardHeader> </CardHeader>
<CardContent> <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"> {/* <p className="text-xs text-muted-foreground">
+19% from last month +19% from last month
</p> */} </p> */}