Skip to content

feat: integrate SVG ranking badges and enhance leaderboard table UI

Mohana Sri Bhavitha requested to merge dev3-bhavitha into team-dev3-productivity-leaderboard

🚀 Overview

This MR enhances the dedicated Leaderboard Ranking page by integrating SVG-based ranking badges (positions 1–6) and improving the overall table presentation.

The leaderboard now visually represents top rankings with custom badges and improved readability through better spacing and font scaling.

✨ Changes Made

  • Integrated SVG badges for ranks 1 through 6
  • Mapped ranking positions dynamically to corresponding badge assets
  • Replaced default dataframe display with a structured custom HTML table
  • Increased overall table size for better visibility
  • Adjusted font sizes and padding for improved readability
  • Ensured badges are properly aligned and scaled within the table

🎯 Result

  • Cleaner and more professional leaderboard display
  • Clear visual distinction for top-ranked teams
  • Improved user experience and presentation quality
  • No backend logic changes
  • No modifications to test files

Merge request reports