Skip to content

feat(giveback): add weekly leaderboard to the Impact tab#6316

Closed
tsahimatsliah wants to merge 8 commits into
mainfrom
feat/giveback-leaderboard
Closed

feat(giveback): add weekly leaderboard to the Impact tab#6316
tsahimatsliah wants to merge 8 commits into
mainfrom
feat/giveback-leaderboard

Conversation

@tsahimatsliah

@tsahimatsliah tsahimatsliah commented Jul 14, 2026

Copy link
Copy Markdown
Member

What

Brings the ranked weekly leaderboard from the original giveback MVP branch (PR #6139, never merged) into the current giveback page as its own dedicated tab ("Leaderboard", between "Your impact" and "Causes").

  • Medal-tinted rank chips for the podium (gold/silver/bronze), avatar, name, amount unlocked.
  • The viewer's own row is tinted, plus a "your rank" recap showing the exact gap to the next place with a "Take action" CTA.

Data

There's no backend leaderboard endpoint yet, so standings are placeholder (marked with a TODO), isolated in useGivebackLeaderboard — only that hook changes when the endpoint lands. The "You" row is stitched in from the real logged-in profile so it feels personal. The whole surface stays behind the existing featureGiveback flag.

Where to see it

Storybook: Features/Giveback/Leaderboard.

Notes

  • Only the leaderboard was ported — no live-activity or other MVP surfaces.
  • New leaderboard entry in GivebackTabId / givebackTabs, rendered in GivebackPage; the Impact panel is untouched.

🤖 Generated with Claude Code

Preview domain

https://feat-giveback-leaderboard.preview.app.daily.dev

Port the ranked contribution leaderboard (medal podium rows, viewer's
tinted row, and a "your rank" recap with the exact gap to the next place)
from the original MVP branch into today's architecture, and render it on
the Impact tab below the personal roadmap.

Standings are placeholder until a backend leaderboard endpoint lands; the
data source is isolated in useGivebackLeaderboard so only that hook needs
to change. The "You" row is stitched in from the real logged-in profile.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@vercel

vercel Bot commented Jul 14, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
daily-webapp Ready Ready Preview Jul 14, 2026 10:20am
storybook Building Building Preview Jul 14, 2026 10:20am

Request Review

Instead of stacking the leaderboard under the personal roadmap on the
Impact tab, give it its own "Leaderboard" tab between Impact and Causes.
Keeps the Impact tab focused on the personal journey, and reverts the
GivebackImpactPanel (and its spec) back to their original state.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
tsahimatsliah and others added 2 commits July 14, 2026 12:07
…oard

# Conflicts:
#	packages/shared/src/features/giveback/components/GivebackTabNav.spec.tsx
#	packages/shared/src/features/giveback/components/GivebackTabNav.tsx
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
…ax-w-2xl)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@tsahimatsliah

Copy link
Copy Markdown
Member Author

Superseded by #6318, which combines this leaderboard work with the causes-breakdown colour fix (#6317) into one clean PR off main.

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.

1 participant