Skip to content

Conversation

@JamesVictor-O
Copy link
Contributor

DESCRIPTION

This PR implements the ranking page for the researcher dashboard as specified in issue #125. The ranking page provides comprehensive leaderboards for both researchers and validators, featuring a responsive design that works seamlessly across all device sizes.

Issue Reference

Closes #125

Changes Made

New Files Created

src/components/researcher-dashboard/ranking/
├── RankingPage.tsx # Main container component
├── types/
│ └── index.ts # TypeScript interfaces
├── components/
│ ├── TabNavigation.tsx # Tab switching component
│ ├── ValidatorsTable.tsx # Validators table with headers
│ ├── ResearchersTable.tsx # Researchers table with headers
│ ├── ValidatorCard.tsx # Individual validator row
│ ├── ResearcherCard.tsx # Individual researcher row

├── hooks/
│ └── useRankingData.ts # Data fetching hooks
└── index.ts # Export barrel

Screenshots

Screenshot From 2025-08-30 21-07-12 Screenshot From 2025-08-30 21-07-18

@JamesVictor-O
Copy link
Contributor Author

gm gm @ONEONUORA, i will appreciate it if you could check my pr out.

@ONEONUORA
Copy link
Contributor

Pls @JamesVictor-O The number 1 should not be alighted, Pls fix
Screenshot 2025-09-04 at 10 21 02 AM

@JamesVictor-O
Copy link
Contributor Author

@ONEONUORA required change implemented

Copy link
Contributor

@ONEONUORA ONEONUORA left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice implementation, Thank you for your contribution @JamesVictor-O

@ONEONUORA ONEONUORA merged commit 6b712c5 into skill-mind:main Sep 4, 2025
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[FE] #IMPLEMENT THE RANKING PAGE ON THE RESEARCHER DASHBOARD

2 participants