feat(frontend): implement reusable recharts components and analytics …#617
Merged
anonfedora merged 3 commits intoJun 27, 2026
Merged
Conversation
…dashboard Arenax-gaming#522 - Add chartTheme.ts with shared design-token helpers (hsl CSS vars) - Add ChartCard wrapper with accessible heading + aria-describedby - Add ChartTooltip with role=tooltip and optional value formatter - Add PlayerStatsCharts: Win/Loss Pie, KDA Line, XP Area charts - Add AnalyticsDashboard: DAU Bar, Revenue Area, Match Outcomes Stacked Bar - Add TournamentResultsCharts: Placement Bar, Prize Pool Pie, Progression Line - Add barrel index.ts for clean imports - Add 19 unit tests covering rendering, a11y, tooltips, and data display - Install react-is peer dependency required by recharts@3
|
@Dami24-hub is attempting to deploy a commit to the paul joseph's projects Team on Vercel. A member of the Team first needs to authorize it. |
|
@Dami24-hub Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits. You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀 |
…cates
The matchmaking_queue.status column is typed INTEGER (0=waiting, 1=matched,
2=expired, 3=cancelled). The partial index WHERE clauses were using string
literals ('waiting', 'matched') which PostgreSQL rejects with:
invalid input syntax for type integer: "waiting"
Replace with the correct integer constants:
WHERE status = 'waiting' -> WHERE status = 0
WHERE status = 'matched' -> WHERE status = 1
Fixes CI job 83491909707 / migration 20260601000001.
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.
Related Issues
Closes #522
Description
This pull request introduces a comprehensive data visualization layer across the frontend application using Recharts. It establishes a reusable chart component library that integrates seamlessly with the existing design tokens and theming engine, ensuring support for both light and dark modes.
The implementation delivers robust analytics capabilities for player statistics, platform dashboards, and tournament results while adhering strictly to accessibility (WCAG AA) and performance optimization standards.
Changes Implemented
1. Architecture & Component Foundation
ChartContainerwrapper to handle responsive scaling, centralized tooltip styling, and consistent legend positioning.2. Feature Implementation
3. Optimization & Accessibility
4. Testing & Documentation
Verification and Testing
Automated Tests
Manual Verification