Add unit tests for the leaderboard rank badge rendering the correct medal icon for ranks 1, 2, and 3

[Chucks1093]

Summary

The leaderboard shows gold, silver, and bronze medal icons for the top three creators. Unit tests should confirm the correct icon is rendered for each of the top three ranks and that rank 4 and above show a plain number.

Scope

• Test rank 1 renders a gold medal icon
• Test rank 2 renders a silver medal icon
• Test rank 3 renders a bronze medal icon
• Test rank 4 renders the number '4' with no medal icon
• Assert no error thrown for any rank value

Acceptance Criteria

• Rank 1 shows gold medal icon
• Rank 2 shows silver medal icon
• Rank 3 shows bronze medal icon
• Rank 4+ shows plain number
• No error thrown for any rank

ETA: 12 hours

---

Coordinate on Telegram

[rasheed814]

@rasheed814 has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

Hello Maintainer, I’ve reviewed the issue description and I’m confident I can work on it effectively. Please assign it to me.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @rasheed814 to this issue.

[hardeyshorlar12]

@hardeyshorlar12 has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

I would like to work on this issue because I'm sure I would be able to solve it

ℹ️ Repo Maintainers: To accept this application, review their application or assign @hardeyshorlar12 to this issue.

[Just-Bamford]

@Just-Bamford has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

Hi maintainer
I’d love to help out with this issue. I’ve checked the current codebase/documentation and know exactly what needs to be updated to make this clearer. I will ensure everything aligns perfectly with your existing contribution guidelines.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Just-Bamford to this issue.

[acejayl]

@acejayl has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

I'll add unit tests for the leaderboard rank badge asserting that rank 1 renders the gold medal icon, rank 2 the silver, and rank 3 the bronze, while rank 4 and above render a plain number with no medal icon. I'll also cover the 'no error thrown for any rank value' case across a few representative ranks including edge values. I'll use the client's existing component-test setup (React Testing Library) and keep the change to the new test file so the component itself is untouched. Happy to take it on.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @acejayl to this issue.

[drips-wave]

Congratulations, @Just-Bamford! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on August 31, 2026.

🧑‍💻 @Just-Bamford: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊

[drips-wave]

This issue has been completed by @Just-Bamford as part of the Stellar Wave Program's 8th Wave 🥳

😎 @Just-Bamford: You earned 200 Points for completing this issue! After the current Wave ends, you'll be eligible for a percentage of the Wave's reward pool based on the percentage of total points you've earned. Learn more here. You can also Leave a review to share your experience working on this issue.

🧑‍💻 Repo maintainers: How'd the contributor do? Leave a review to share your experience working with them.