Skip to content

Add personal user page with competitions, results, and records tabs#66

Draft
coder13 wants to merge 1 commit into
mainfrom
codex/create-personal-user-page
Draft

Add personal user page with competitions, results, and records tabs#66
coder13 wants to merge 1 commit into
mainfrom
codex/create-personal-user-page

Conversation

@coder13
Copy link
Copy Markdown
Owner

@coder13 coder13 commented May 11, 2026

Motivation

  • Provide a personal dashboard for signed-in users to see upcoming competitions and whether assignments have been generated for them.
  • Allow users to review their historical performance with a Results view that can aggregate by competition or by event.
  • Surface personal records in a dedicated Records tab to make personal bests easily discoverable.

Description

  • Added a new page component at src/pages/User/index.tsx implementing the personal page with three tabs: upcoming, results, and records and client-side aggregation for results.
  • Wired the page into the router by adding the /me route in src/App.tsx and added a My page link to the authenticated user popover in src/layouts/RootLayout/Header.tsx for quick access.
  • Upcoming competitions are read from useMyCompetitionsQuery, assignment generation status is computed by fetching each competition WCIF via fetchWcif and checking the signed-in user’s assignments, and results/records are fetched using wcaApiFetch from /persons/{wca_id}/results and /persons/{wca_id} respectively.
  • Uses React Query (useQuery) for data fetching and memoized aggregation for result grouping by competition or event.

Testing

  • Ran a TypeScript compile check with yarn -s tsc --noEmit, which completed successfully.

Codex Task

@netlify
Copy link
Copy Markdown

netlify Bot commented May 11, 2026

Deploy Preview for competition-groups ready!

Name Link
🔨 Latest commit 856e8b9
🔍 Latest deploy log https://app.netlify.com/projects/competition-groups/deploys/6a020c85cc80e90008cd219b
😎 Deploy Preview https://deploy-preview-66--competition-groups.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 70
Accessibility: 84
Best Practices: 100
SEO: 96
PWA: 90
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant