feat: Implement BalanceEmptyState component on homepage for zero balance users #21391
+372
−405
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.
Description
This PR implements the BalanceEmptyState component on the homepage when users have a zero balance, replacing empty balance displays with a more engaging user experience that encourages users to fund their wallet.
The BalanceEmptyState component (created in #20782) is now integrated into both balance components:
This provides a consistent experience showing the "Fund your wallet" illustration and "Add funds" button when users have no balance, improving the onboarding flow for new users.
Changelog
CHANGELOG entry: Added BalanceEmptyState component to homepage when users have zero balance
Related issues
Implements the BalanceEmptyState integration discussed in the original design requirements.
Manual testing steps
Screenshots/Recordings
Before
Empty balance showed minimal text or loading state
After
Zero balance now shows engaging BalanceEmptyState with illustration and call-to-action
Pre-merge author checklist
Pre-merge reviewer checklist