Conversation
There was a problem hiding this comment.
Pull request overview
This PR adds a comprehensive Leaderboard feature that displays top bridge users ranked by transaction volume or count. The implementation includes backend API endpoints, frontend components with interactive filtering and sorting, and visual enhancements like medals, sparklines, and statistics cards.
Changes:
- Added two new API endpoints (
/api/leaderboardand/api/leaderboard-sparklines) for fetching leaderboard data and user activity trends - Created reusable UI components for displaying rankings with medal badges, address cells with copy functionality, activity sparklines, and summary statistics
- Integrated navigation menu item and routing configuration for the new leaderboard page
Reviewed changes
Copilot reviewed 14 out of 14 changed files in this pull request and generated 16 comments.
Show a summary per file
| File | Description |
|---|---|
| src/utils/axios.ts | Added API endpoint constants for leaderboard and sparklines |
| src/routes/paths.ts | Added leaderboard route path configuration |
| src/pages/api/leaderboard.ts | Backend API that queries and ranks users by volume/transaction count with filtering |
| src/pages/api/leaderboard-sparklines.ts | Backend API that provides activity trend data for leaderboard users |
| src/layouts/config-nav-dashboard.tsx | Added leaderboard navigation menu item |
| src/components/leaderboard/medal-rank.tsx | Component for displaying rank with medal badges for top 3 positions |
| src/components/leaderboard/address-cell.tsx | Component for displaying blockchain addresses with chain icons and copy functionality |
| src/components/leaderboard/activity-sparkline.tsx | SVG sparkline component for visualizing user activity trends |
| src/components/leaderboard/leaderboard-stats.tsx | Summary statistics cards showing total users, volume, and averages |
| src/components/leaderboard/leaderboard-table.tsx | Main table component with sorting, filtering, and pagination |
| src/components/leaderboard/index.ts | Component exports barrel file |
| src/app/leaderboard/page.tsx | Main leaderboard page component |
| src/app/leaderboard/loading.tsx | Loading state component |
| src/app/leaderboard/layout.tsx | Page layout wrapper |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
There was a problem hiding this comment.
Pull request overview
Copilot reviewed 14 out of 14 changed files in this pull request and generated 6 comments.
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
Adds a new Leaderboard page that displays top bridge users ranked by volume or transaction count.
View top bridge users ranked by volume or transaction count. Filter by address type, see activity trends, and click any user to view their full profile.
Features