Redesign leaderboard UI with grouped categories and descriptions#151
Merged
Conversation
… new rankings - Organise player categories into four labelled groups (Economy, Fleet, Industry, Exploration) instead of a flat wrapping button list - Add ⓘ description box below the category bar explaining how each ranking is calculated - Add six new player rankings: Exchange Revenue, Damage Dealt, Ore Mined, Facilities Built, Distance Traveled, Missions Completed - Expose faction Ship Value category (was in API but not shown in UI) - Improve top-3 medal styling: gold/silver/bronze name colouring for ranks 2 and 3 in addition to rank 1; subtle row background tints
Player leaderboard groups: - Economy: trades completed (was already there), no new - Fleet: ships commissioned added - Industry: facility items produced, refuels given, items jettisoned added - Exploration: wormholes traversed added - Smuggling: new group with customs evaded and contraband sold Faction leaderboard reorganized into three labeled groups: - Wealth: total wealth, storage value, facility investment - Fleet: ship value, ships destroyed, damage dealt - Operations: member count, ore mined, missions completed, items crafted Each new category has a description shown in the info box.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Problem / Motivation
The leaderboard had 12 category buttons in a flat wrapping list that was cramped and hard to scan. Non-obvious ranking formulas (total wealth composition, ship value calculation) were unexplained. Many newly-tracked player and faction stats had no UI surface.
Technical Approach
Rewrote
page.tsxaround aCategoryGroup/CategoryDefinterface that groups categories under labeled headers. Player categories are grouped into Economy / Fleet / Industry / Exploration / Smuggling; faction categories into Wealth / Fleet / Operations. Added a ⓘ description box per category explaining its formula. Updated medal row styling with background tints and gold/silver/bronze name colors for ranks 1–3. Wired all 25 player categories and 10 faction categories (matching the gameserver backend PR). Added i18n keys for all new labels.Player-Facing Release Notes