feat(giveback): all-time leaderboard tab + fix causes-breakdown colours#6318
Merged
Conversation
…olours Adds a dedicated "Leaderboard" tab (between Rewards and Causes) showing the all-time contribution standings: medal-tinted podium rank chips, the viewer's own tinted row, and a "your rank" recap with the exact gap to the next place and a "Take action" CTA. Standings are placeholder until a backend leaderboard endpoint lands - isolated in useGivebackLeaderboard so only that hook changes when it does. The whole surface stays behind the existing featureGiveback flag. Storybook: Features/Giveback/Leaderboard. Also fixes the "Where the money will go" donut, where cabbage (purple) and bacon (pink) sat adjacent in SLICE_COLORS and a typical 4-slice chart painted two near-identical magenta tones. Reorder the palette so the earliest slices are maximally distinct hues and the two magenta-family tones sit at opposite ends; colours/tokens unchanged. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This was referenced Jul 14, 2026
idoshamun
approved these changes
Jul 14, 2026
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
2 participants
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.
What
Two giveback changes, both behind the existing
featureGivebackflag.1. All-time leaderboard tab — a dedicated Leaderboard tab (between Rewards and Causes) showing ranked contribution standings:
2. Causes-breakdown colour fix — in the "Where the money will go" donut, cabbage (purple) and bacon (pink) sat adjacent in
SLICE_COLORS, so a typical 4-slice chart painted two near-identical magenta tones (e.g. Open source vs Mental health). The palette is reordered so the earliest slices are maximally distinct hues and the two magenta-family tones sit at opposite ends. Colours/tokens are unchanged — order only.Data
No backend leaderboard endpoint exists yet, so standings are placeholder (marked with a
TODO), isolated inuseGivebackLeaderboard— only that hook changes when the endpoint lands. The "You" row is stitched in from the real logged-in profile so the recap feels personal.Where to see it
Storybook: Features/Giveback/Leaderboard.
Notes
Supersedes #6316 (leaderboard) and #6317 (colour fix), combined into one clean PR off main.
🤖 Generated with Claude Code
Preview domain
https://feat-giveback-leaderboard-breakd.preview.app.daily.dev