Repository navigation
Add unified data state UI system for loading skeletons and empty states across list pages #545
Description
Summary
List and data pages currently handle loading and empty states independently, producing inconsistent UI and repeated logic. A unified approach should standardise both concerns: skeleton placeholders during fetching and empty state components when queries settle with zero results.
Scope
- Add a
CreatorCardSkeletoncomponent matching the real card dimensions with animated pulse on avatar, name, price, and holder count placeholders - Add an
EmptyStatecomponent accepting a message and an optional CTA — used on holdings, creator list, and any future list page - Wire the skeleton into creator list and holdings pages during
isLoading - Wire the empty state into holdings when the query settles with zero results; link the CTA to the creator discovery page
- Skeletons and empty states must not appear simultaneously — skeleton only during loading, empty state only after a settled empty response
Acceptance Criteria
- Skeleton matches real card layout; animated pulse on all placeholder regions
- Skeleton replaced by real card on data arrival with no layout shift
- Empty state only renders after query settles with zero results
- Empty state CTA navigates to creator discovery
- Both components used consistently on holdings and creator list pages
ETA: 12 hours
Coordinate on Telegram
Activity
prissca commentedon Jul 24, 2026
i will love to work on this issue
grantfox-oss commentedon Jul 24, 2026
🦊 GrantFox — @prissca has been assigned to this issue as part of the Official Campaign | FWC26 campaign!
Next steps:
Closes #545)Good luck! Track your progress on GrantFox.
Folarin-Olamide commentedon Oct 16, 2026
@Folarin-Olamide has applied to work on this issue as part of the Stellar Wave Program's 10th wave.
ℹ️ Repo Maintainers: To accept this application, review their application or assign @Folarin-Olamide to this issue.
Ade-Pheebs commentedon Oct 16, 2026
@Ade-Pheebs has applied to work on this issue as part of the Stellar Wave Program's 10th wave.
ℹ️ Repo Maintainers: To accept this application, review their application or assign @Ade-Pheebs to this issue.
muokwejosh-cloud commentedon Oct 16, 2026
@muokwejosh-cloud has applied to work on this issue as part of the Stellar Wave Program's 10th wave.
ℹ️ Repo Maintainers: To accept this application, review their application or assign @muokwejosh-cloud to this issue.
VeronicDev commentedon Oct 16, 2026
@VeronicDev has applied to work on this issue as part of the Stellar Wave Program's 10th wave.
ℹ️ Repo Maintainers: To accept this application, review their application or assign @VeronicDev to this issue.
Zikrullah001 commentedon Oct 16, 2026
@Zikrullah001 has applied to work on this issue as part of the Stellar Wave Program's 10th wave.
ℹ️ Repo Maintainers: To accept this application, review their application or assign @Zikrullah001 to this issue.
DevRushd commentedon Oct 16, 2026
@DevRushd has applied to work on this issue as part of the Stellar Wave Program's 10th wave.
ℹ️ Repo Maintainers: To accept this application, review their application or assign @DevRushd to this issue.
flare-999 commentedon Oct 16, 2026
@flare-999 has applied to work on this issue as part of the Stellar Wave Program's 10th wave.
ℹ️ Repo Maintainers: To accept this application, review their application or assign @flare-999 to this issue.
drips-wave commentedon Oct 16, 2026
Congratulations, @muokwejosh-cloud! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on October 22, 2026.
🧑💻 @muokwejosh-cloud: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.
Warning
When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.
🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.
🌊 Happy Wave 🌊
feat(ui): add unified data state UI system for loading skeletons and …
grantfox-oss commentedon Oct 17, 2026
🎉 This issue has been marked as completed on GrantFox!
@muokwejosh-cloud's PR #1081 was approved and merged by @Chucks1093.
🏆 @muokwejosh-cloud: You earned 40 FoxPoints for this contribution! Your current tier: Builder (1,172 total points). Track your full progress on GrantFox.
👏 Great work, @muokwejosh-cloud! Keep contributing to accesslayerorg.
drips-wave commentedon Oct 17, 2026
This issue has been completed by @muokwejosh-cloud as part of the Stellar Wave Program's 10th Wave 🥳
😎 @muokwejosh-cloud: You earned 200 Points for completing this issue! Once the Wave's rewards are finalized, you'll be eligible for a percentage of the Wave's reward pool based on the percentage of total points you've earned. Learn more here. You can also Leave a review to share your experience working on this issue.
🧑💻 Repo maintainers: How'd the contributor do? Leave a review to share your experience working with them.