Skip to content

feat(profile): redesign the player profile - #54

Closed
Zdreni wants to merge 1 commit into
masterfrom
feature/player_profile_redesign
Closed

Zdreni wants to merge 1 commit into
masterfrom
feature/player_profile_redesign

Conversation

@Zdreni

@Zdreni Zdreni commented Oct 6, 2026

Copy link
Copy Markdown
Collaborator

The top of the profile is two columns. On the left: the player, rank, pp and last time played (with less padding), the exp card, and a card with "PP graph" and "Place graph" tabs. On the right: the grades graph, as tall as the left column. On phones (600px and less) it's one column, and the grades are a third tab of the graphs card. The exp card has no title; it reads "total exp", and its numbers are whole, with thousands separators.

Below, one card with tabs: "Latest", "Top results", "Most played" and "Achievements" (achievements by level and achievements). The tabs that aren't open load in the background once the page has loaded what it shows; not together with it, since tRPC batches queries started together into one request.

"Latest" is new: a player's results, newest first, without hidden ones (players.latestResults). Its rows and the "Top results" rows are alike: chart label, track name, mix (when the result is from another mix than the label), time ago, score, grade with plate, pp. On phones the mix goes under the label, the time under the name and the grade under the score. "Top results" shows the Phoenix score, and the weighted pp in a tooltip on the pp.

The "Admin panel" card with its "Edit player" link is gone.

The top of the profile is two columns. On the left: the player, rank, pp and
last time played (with less padding), the exp card, and a card with "PP graph"
and "Place graph" tabs. On the right: the grades graph, as tall as the left
column. On phones (600px and less) it's one column, and the grades are a third
tab of the graphs card. The exp card has no title; it reads "total exp", and
its numbers are whole, with thousands separators.

Below, one card with tabs: "Latest", "Top results", "Most played" and
"Achievements" (achievements by level and achievements). The tabs that aren't
open load in the background once the page has loaded what it shows; not
together with it, since tRPC batches queries started together into one
request.

"Latest" is new: a player's results, newest first, without hidden ones
(players.latestResults). Its rows and the "Top results" rows are alike: chart
label, track name, mix (when the result is from another mix than the label),
time ago, score, grade with plate, pp. On phones the mix goes under the label,
the time under the name and the grade under the score. "Top results" shows the
Phoenix score, and the weighted pp in a tooltip on the pp.

The "Admin panel" card with its "Edit player" link is gone.
@Zdreni
Zdreni force-pushed the feature/player_profile_redesign branch from 98bcc00 to dbb0141 Compare October 6, 2026 16:30
@grumd grumd closed this Oct 17, 2026
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.

2 participants