Skip to content

Enhancement: Introduce AsyncStateWrapper for Consistent Loading, Empty, and Error UI States #94

Closed
Yashvi29-power wants to merge 5 commits intogdg-charusat:mainfrom
Yashvi29-power:feat/global-async-state-wrapper
Closed

Enhancement: Introduce AsyncStateWrapper for Consistent Loading, Empty, and Error UI States #94
Yashvi29-power wants to merge 5 commits intogdg-charusat:mainfrom
Yashvi29-power:feat/global-async-state-wrapper

Conversation

@Yashvi29-power
Copy link
Copy Markdown
Contributor

Team Number : Team 125

Description
This PR introduces a reusable AsyncStateWrapper component to standardize Loading, Empty, and Error UI states across the Code Duel frontend. The enhancement improves UI consistency and reduces repeated conditional rendering while preserving the existing design system and application logic.

Related Issue
Closes #78

Type of Change
☐ Bug fix
☐ New feature
☐ Breaking change
☐ Documentation update
☐ Code refactoring
☐ Performance improvement
☑ Style/UI improvement

Changes Made

  • Added AsyncStateWrapper reusable component under common components
  • Refactored Leaderboard page to use unified async state handling
  • Integrated wrapper without modifying API calls or business logic
  • Maintained accessibility-friendly and responsive UI behavior

Testing
☑ No console errors
☑ Application builds successfully

Additional Notes
This change focuses strictly on UI/UX architecture improvements. No routing, authentication, or backend-related logic was modified.

Before and after screenshots are not attached because didn't have access to the dashboard and I have better knowledge of front-end.

@krishnapaljadeja krishnapaljadeja self-requested a review February 26, 2026 13:54
@krishnapaljadeja krishnapaljadeja added the needs-review Valid issue-linked PR awaiting review label Feb 26, 2026
@krishnapaljadeja
Copy link
Copy Markdown
Contributor

✅ PR Validation Passed

Hey @Yashvi29-power! Your PR looks good. Here is what we found:

Field Value
Team Number Team 125
Linked Issue Closes #78

A maintainer will review your PR within 24–48 hours. Stay responsive to feedback!

GDG CHARUSAT Open Source Contri Sprintathon

@krishnapaljadeja krishnapaljadeja added needs-review Valid issue-linked PR awaiting review pr-noted and removed needs-review Valid issue-linked PR awaiting review labels Feb 27, 2026
@aaleya5
Copy link
Copy Markdown
Contributor

aaleya5 commented Feb 27, 2026

please resolve conflicts
@Yashvi29-power

@krishnapaljadeja krishnapaljadeja added needs-review Valid issue-linked PR awaiting review and removed needs-review Valid issue-linked PR awaiting review labels Feb 27, 2026
@aaleya5
Copy link
Copy Markdown
Contributor

aaleya5 commented Feb 28, 2026

merge conflicts after pulling from main and thereafter run your code and then commit.
@Yashvi29-power

@aaleya5
Copy link
Copy Markdown
Contributor

aaleya5 commented Mar 1, 2026

@Yashvi29-power if you are going to work on this, commit within an hour.

@Yashvi29-power
Copy link
Copy Markdown
Contributor Author

I am not able to solve the conflicts

@aaleya5 aaleya5 closed this Mar 1, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

needs-review Valid issue-linked PR awaiting review pr-noted

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Introduce Global UI State Wrapper for Consistent Loading, Error, and Empty Handling Across Pages (Team 125)

3 participants