orus-dev/dev-run
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Stat card animations

Browse Source
This commit is contained in:
selimaj-dev
2026-02-03 15:23:37 +01:00
parent 8d26cb8561
commit 05c1307ad7
3 changed files with 42 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/leaderboards/page.tsx
+24 -4
View File
@@ -191,10 +191,30 @@ export default function Leaderboards() {
{/* Stats */}
<div className="grid grid-cols-2 md:grid-cols-4 gap-4">
<StatCard icon={Globe} label="Total Runners" value="12,453" />
<StatCard icon={Trophy} label="World Record" value="2:34.21" />
<StatCard icon={TrendingUp} label="Runs This Week" value="847K" />
<StatCard icon={Calendar} label="Until Reset" value="5d 12h" />
<StatCard
icon={Globe}
label="Total Runners"
value="12,453"
index={0}
/>
<StatCard
icon={Trophy}
label="World Record"
value="2:34.21"
index={1}
/>
<StatCard
icon={TrendingUp}
label="Runs This Week"
value="847K"
index={2}
/>
<StatCard
icon={Calendar}
label="Until Reset"
value="5d 12h"
index={3}
/>
</div>
{/* Tabs + Filters */}
src/app/runs/page.tsx
+9 -4
View File
@@ -81,10 +81,15 @@ export default function LiveRuns() {
{/* Stats */}
<div className="grid grid-cols-2 md:grid-cols-4 gap-4">
<StatCard icon={Zap} label="Live Runs" value="42" />
<StatCard icon={Users} label="Active Runners" value="39" />
<StatCard icon={Timer} label="Avg Runtime" value="1:47" />
<StatCard icon={TrendingUp} label="PB Pace Runs" value="7" />
<StatCard icon={Zap} label="Live Runs" value="42" index={0} />
<StatCard icon={Users} label="Active Runners" value="39" index={1} />
<StatCard icon={Timer} label="Avg Runtime" value="1:47" index={2} />
<StatCard
icon={TrendingUp}
label="PB Pace Runs"
value="7"
index={3}
/>
</div>
{/* Filters */}