Switch leaderboard to real API data and show contributor points by jinhojang6 · Pull Request #36 · acid-info/contribute.logos.co

jinhojang6 · 2026-01-14T16:36:01Z

Switch /leaderboard to the new LeaderboardContainer and remove old dev/legacy leaderboard components.
Add seasonal + all-time leaderboard data fetching with sorting (points, newest).
Add reusable SortDropdown and fix dropdown visibility in dark mode.
Show contributor points in the contributor row and support tier badge display.
Update contributor API mapping to new response fields (total_points, contribution_count, latest_*, rank info) with safe number parsing.
Add social proof stats hook and wire home stats to /contribute/stats.

vercel · 2026-01-14T16:36:06Z

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

Project	Deployment	Actions	Updated (UTC)
contribute-logos-co	Ready	Preview, Comment	Feb 16, 2026 7:23am

…leaderboard pages

…d API

… in contributor item

…ributor-related components and translations

…ts as plural

Copilot

Pull request overview

This work-in-progress PR implements a seasonal leaderboard feature alongside the existing all-time (historical) leaderboard. The implementation migrates from Hasura-based APIs to a new contribute API endpoint, removes mock data generation, and introduces real-time data fetching with sorting capabilities.

Changes:

Migrated from Hasura API to new contribute API for stats and contributor data
Added seasonal leaderboard with current season tracking alongside all-time rankings
Introduced sort dropdown UI component with "points" and "newest" options
Updated contributor data model to include points and tier information

Reviewed changes

Copilot reviewed 20 out of 21 changed files in this pull request and generated 14 comments.

Show a summary per file

File	Description
types/index.d.ts	Added optional `points` and `tier` fields to Contributor interface
messages/*.json	Changed label from "score" to "point" across all languages
lib/utils.ts	Temporarily hardcoded API URL for testing (needs reversion)
lib/leaderboard-utils.ts	Removed mock data generation functions
lib/jsonld-schemas.ts	Removed leaderboard-specific JSON-LD schema generation
hooks/useSocialProofData.ts	Refactored to use new contribute API endpoint
hooks/useSeasonalLeaderboard.ts	New hook for fetching seasonal leaderboard data
hooks/useContributors.ts	Updated to support sorting, limits, and new API structure
components/ui/sort-dropdown.tsx	New dropdown component for sorting options
components/leaderboard/leaderboard-tabs.tsx	Swapped tab order (historical first, seasonal second)
components/leaderboard/leaderboard-table.tsx	Removed in favor of ContributorDirectory component
components/contributors/*.tsx	Updated to show points, optional tiers, and handle missing data
containers/leaderboard/leaderboard-container.tsx	Major refactor to support tabbed interface with sorting
containers/leaderboard/tier-system-container.tsx	Increased top margin spacing
containers/leaderboard/scoring-system-container.tsx	Minor class order change
containers/directory/directory-container.tsx	Removed (functionality merged into leaderboard)
app/[locale]/leaderboard/page.tsx	Updated to use LeaderboardContainer instead of DirectoryContainer

Comments suppressed due to low confidence (1)

components/contributors/contributor-item.tsx:71

Duplicate link with empty href: similar to the username link, when profileUrl is empty, this button will link to nowhere. Consider conditionally rendering this button only when the contributor has a valid GitHub profile URL.

          <a href={contributor.profileUrl} target="_blank" rel="noopener noreferrer">
            <Button variant="outlined" size="small">
              {t('contributors.viewGithubProfile')}
            </Button>
          </a>

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

hooks/useSeasonalLeaderboard.ts

containers/leaderboard/scoring-system-container.tsx

components/ui/sort-dropdown.tsx

Copilot · 2026-02-16T05:02:39Z

hooks/useContributors.ts

  const data = (await res.json()) as ContributorApiResponse[]

-  return data.map((contributor, idx) => ({
-    id: idx + 1,
-    username: contributor.login,
-    profileUrl: contributor.profileUrl,
-    contributions: contributor.contributionCount,
-    latestContribution: contributor.latest.date,
-    latestRepo: contributor.latest.repo,
-    avatarUrl: `https://github.com/${contributor.login}.png`,
-  }))
+  return data.map((contributor) => {
+    const points = toNumber(contributor.total_points)
+
+    return {
+      id: toNumber(contributor.contributor_id),
+      username: contributor.github_username || contributor.alias,
+      profileUrl: contributor.github_username
+        ? `https://github.com/${contributor.github_username}`
+        : '',
+      points,
+      contributions: toNumber(contributor.contribution_count),
+      tier: getTierName(contributor.rank_name, points),
+      latestContribution: contributor.latest_contribution_at || '',
+      latestRepo: contributor.latest_repo || '',
+      avatarUrl: contributor.github_username
+        ? `https://github.com/${contributor.github_username}.png`
+        : '',
+    }
+  })


Missing validation for API response structure. If the backend returns an unexpected structure (e.g., data is null or not an array), this will throw an unhandled error at runtime. Consider adding a guard check: if (!data || !Array.isArray(data)) before mapping the data.

messages/en.json

Copilot · 2026-02-16T05:02:40Z

components/contributors/contributor-item.tsx

        <img
          src={contributor.avatarUrl}
          alt={`${contributor.username} avatar`}
          className="h-10 w-10 rounded-full sm:h-12 sm:w-12"


Potential issue with empty avatarUrl: when a contributor has no GitHub username, avatarUrl is set to an empty string. This will cause a broken image to be displayed. Consider adding a fallback placeholder image or conditionally rendering the image only when avatarUrl is available.

hooks/useContributors.ts

Copilot · 2026-02-16T05:02:41Z

hooks/useSeasonalLeaderboard.ts

+  const json = (await res.json()) as SeasonApiResponse
+
+  const contributors = json.data.map((entry) => ({
+    id: toNumber(entry.contributor_id),
+    username: entry.github_username || entry.alias,
+    profileUrl: entry.github_username ? `https://github.com/${entry.github_username}` : '',
+    points: toNumber(entry.season_points),
+    contributions: toNumber(entry.contribution_count),
+    latestContribution: entry.latest_contribution_at || '',
+    latestRepo: entry.latest_repo || '',
+    avatarUrl: entry.github_username ? `https://github.com/${entry.github_username}.png` : '',
+  }))


Missing validation for API response structure. If the backend returns an unexpected structure (e.g., json.data is null or undefined), this will throw an unhandled error at runtime. Consider adding a guard check: if (!json.data || !Array.isArray(json.data)) before mapping the data.

hooks/useSeasonalLeaderboard.ts

…y username or repo

…der and ContributorDetailsContainer

…isplaying contributor history with pagination

…ContributorDirectory for table view

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

github-project-automation bot added this to Web & User Interfaces Jan 14, 2026

github-project-automation bot moved this to In Progress in Web & User Interfaces Jan 14, 2026

jinhojang6 marked this pull request as draft January 14, 2026 16:36

vercel bot deployed to Preview January 14, 2026 16:36 View deployment

jinhojang6 self-assigned this Jan 27, 2026

jinhojang6 added 4 commits February 13, 2026 22:44

feat(leaderboard): add dev leaderboard page and static params generation

9fd16a5

refactor(leaderboard): restore and implement metadata generation for …

99d9875

…leaderboard pages

feat(contributors): enhance contributor data fetching and formatting

cdedd4a

fix(api): update API base URL for testing purposes

cd76a7d

jinhojang6 force-pushed the seasonal-leaderboard branch from d50b050 to cd76a7d Compare February 13, 2026 15:23

vercel bot deployed to Preview February 13, 2026 15:23 View deployment

feat(contributors): add tier information to contributor components an…

289b882

…d API

vercel bot deployed to Preview February 13, 2026 15:39 View deployment

feat(contributors): add points to contributor data and update display…

4693154

… in contributor item

vercel bot deployed to Preview February 16, 2026 04:24 View deployment

fix(translations): update terminology from "score" to "point" in cont…

9b9165d

…ributor-related components and translations

vercel bot deployed to Preview February 16, 2026 04:27 View deployment

fix(sort-dropdown): update class names for improved styling consistency

790e82e

vercel bot deployed to Preview February 16, 2026 04:31 View deployment

feat(contributors): update contributor data handling and display poin…

6a3fe5c

…ts as plural

vercel bot deployed to Preview February 16, 2026 04:47 View deployment

jinhojang6 marked this pull request as ready for review February 16, 2026 04:56

Copilot AI review requested due to automatic review settings February 16, 2026 04:56

Copilot started reviewing on behalf of jinhojang6 February 16, 2026 04:56 View session

jinhojang6 changed the title ~~[WIP] Seasonal leaderboard~~ Switch leaderboard to real API data and show contributor points Feb 16, 2026

Copilot AI reviewed Feb 16, 2026

View reviewed changes

feat(leaderboard): add search functionality and filter contributors b…

0de9549

…y username or repo

vercel bot deployed to Preview February 16, 2026 05:05 View deployment

fix(contributors): remove unused Badge component from ContributorsHea…

ae0be8b

…der and ContributorDetailsContainer

vercel bot deployed to Preview February 16, 2026 05:06 View deployment

jinhojang6 added 2 commits February 16, 2026 14:30

feat(contributor-details): integrate ContributionHistorySection for d…

44468c8

…isplaying contributor history with pagination

fix(api): comment out environment-specific API URLs for testing purposes

d6c0562

vercel bot deployed to Preview February 16, 2026 05:31 View deployment

feat(contributors): implement ContributorsTable component and update …

26f5204

…ContributorDirectory for table view

vercel bot deployed to Preview February 16, 2026 05:59 View deployment

feat(home): update IssuesContainer to use table variant without header

2f4514a

vercel bot deployed to Preview February 16, 2026 06:09 View deployment

fix(api): comment out environment-specific API URLs for testing purposes

76f828b

vercel bot deployed to Preview February 16, 2026 06:10 View deployment

feat: update contributor directory

6ce47b4

vercel bot deployed to Preview February 16, 2026 06:53 View deployment

jinhojang6 and others added 2 commits February 16, 2026 16:20

refactor: update containers/leaderboard/scoring-system-container.tsx

b2ed1c5

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

chore: update messages/en.json

1a558b3

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

vercel bot deployed to Preview February 16, 2026 07:21 View deployment

jinhojang6 and others added 2 commits February 16, 2026 16:22

chore: update containers/leaderboard/leaderboard-container.tsx

930d184

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

chore: update hooks/useSeasonalLeaderboard.ts

8c7fcbd

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

vercel bot deployed to Preview February 16, 2026 07:23 View deployment

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Switch leaderboard to real API data and show contributor points#36

Switch leaderboard to real API data and show contributor points#36
jinhojang6 wants to merge 21 commits intodevelopfrom
seasonal-leaderboard

jinhojang6 commented Jan 14, 2026 •

edited

Loading

Uh oh!

vercel bot commented Jan 14, 2026 •

edited

Loading

Uh oh!

Copilot AI left a comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI Feb 16, 2026

Uh oh!

Uh oh!

Copilot AI Feb 16, 2026

Uh oh!

Uh oh!

Copilot AI Feb 16, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Conversation

jinhojang6 commented Jan 14, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

vercel bot commented Jan 14, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Copilot AI Feb 16, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Copilot AI Feb 16, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Copilot AI Feb 16, 2026

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

jinhojang6 commented Jan 14, 2026 •

edited

Loading

vercel bot commented Jan 14, 2026 •

edited

Loading