feat(language-breakdown): add error state for failed API requests#1647
Conversation
|
@joshnajojo12 is attempting to deploy a commit to the PRIYANSHU DOSHI's projects Team on Vercel. A member of the Team first needs to authorize it. |
GSSoC Label Checklist 🏷️@Priyanshu-byte-coder — please apply the appropriate labels before merging: Difficulty (pick one):
Quality (optional):
Validation (required to score):
|
There was a problem hiding this comment.
Thanks for your first PR on DevTrack! 🎉
A maintainer will review it within 48 hours. While you wait:
- Make sure CI is passing (type-check + lint)
- Double-check the PR description is filled out and the issue is linked
- Feel free to ask questions in Discussions if you need help
If you find DevTrack useful, a ⭐ star on the repo is always appreciated — it helps the project grow and attract more contributors!
6675d93
into
Priyanshu-byte-coder:main
|
🎉 Merged! Thanks for contributing to DevTrack. If the project has been useful to you, a ⭐ star on the repo is the easiest way to support it — it helps DevTrack get discovered by more developers. Keep an eye on open issues for your next contribution! |
Summary
Adds a dedicated error state to the
LanguageBreakdowncomponent.Previously, failed language statistics requests were silently ignored, causing users to see "No language data available" even when the request itself had failed.
This change ensures the component correctly distinguishes between:
Closes #1627
Type of Change
Changes Made
errorstate using React stateHow to Test
Run the application locally.
Navigate to the dashboard containing the Language Breakdown component.
Verify language statistics render correctly when the API succeeds.
Simulate an API failure or network failure.
Verify the component displays:
Failed to load language statistics. Please try again later.Verify empty datasets still display:
No language data available.Validation
npm run lintpassesnpm run type-checkpassesAdditional Notes
This improvement provides clearer feedback to users by distinguishing failed API requests from genuinely empty language datasets, improving overall user experience and debugging visibility.