Add empty state UI for holdings page when wallet holds no creator keys

[Chucks1093]

Summary

When a connected wallet has no holdings, the holdings page renders an empty list with no explanation. An empty state with an illustration, a short message, and a CTA to browse creators should fill this gap.

Scope

• Detect when the holdings query returns an empty array
• Render an empty state with a message and a link/button to the creator discovery page
• Empty state should not flash during loading — only show after the query settles with zero results

Acceptance Criteria

• Empty state only renders after query settles with zero results
• Message clearly explains the empty state context
• CTA navigates to the creator discovery page
• Empty state not shown during loading

ETA: 12 hours

---

Coordinate on Telegram

[GBOYEE]

Hi — I can take this on. I can handle this one. I'll build the UI per the acceptance criteria. I'll get a PR up for this as soon as I'm assigned.

[naninu123]

Hi — I'd like to take Add empty state UI for holdings page when wallet holds no creator keys.

I read the issue: when a connected wallet has no holdings, the holdings page currently renders an empty list with no explanation. The fix should show a proper empty state (message + CTA to browse creators) only after the holdings query has settled with zero results — not during loading.

Plan

1. Find the holdings page path and how heldKeyPositions / the holdings query is loaded.
2. Gate the empty state on query settled + zero results so the skeleton stays during load (no flash).
3. Render empty-state copy + CTA to the creator discovery route; leave the existing list UI untouched when holdings exist.

Scope only (UI empty-state, no API/route churn). Will follow repo conventions and open a clean PR with a short description + screenshot.

Available to start as soon as assigned.

[grantfox-oss]

🦊 GrantFox — @naninu123 has been assigned to this issue as part of the Official Campaign | FWC26 campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #539)
2. Your PR will be reviewed by the accesslayerorg maintainers

Good luck! Track your progress on GrantFox.

[naninu123]

Implemented holdings empty state for settled zero positions.

What changed

• src/components/common/HoldingsEmptyState.tsx — empty UI (icon, copy, CTA → /creators)
• src/pages/LandingPage.tsx — branch: loading → skeleton; settled empty → empty state; else grid
• src/pages/__tests__/LandingPage.holdingsEmptyState.test.tsx — settle empty + no flash while loading

Acceptance

• Zero keys after load → empty state, not blank grid
• Loading keeps skeleton (no empty flash)
• CTA to creator discovery

PR: #549

[grantfox-oss]

🎉 This issue has been marked as completed on GrantFox as part of the Official Campaign | FWC26 campaign!

@naninu123's PR #549 was approved and merged by @Chucks1093.

🏆 @naninu123: You earned 40 FoxPoints for this contribution! Your current tier: Builder (2,447 total points). Track your full progress on GrantFox.

👏 Great work, @naninu123! Keep contributing to accesslayerorg.