[381] Tailor streams empty state to wallet status - #1359
Closed
anidroid1184 wants to merge 3 commits into
Closed
Conversation
added 3 commits
August 17, 2026 21:41
Add optional ariaLabel prop to EmptyState component to enable distinguishing different empty state types for screen readers.
Add wallet-aware empty states to StreamsPageContent. When wallet is disconnected, show connection CTA and WalletModal integration. When wallet is connected, preserve original stream creation flow. Both states have distinguishable aria-labels for screen readers.
Pass explicit state="empty", streams={[]}, isWalletConnected={false}
to StreamsPageContent from page.tsx so initial route load shows
wallet connection CTA. Add route-level test verifying disconnected
empty state renders with correct heading, copy, CTA, and aria-label.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
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.
Security Changes
Type of Security Change
Vulnerability Details (if applicable)
Not applicable.
Testing
npm auditlocallynpm run buildSecurity Impact Analysis
Affected Components:
Risk Assessment:
This change does not modify authentication, authorization, wallet credentials,
API endpoints, dependencies, or payment processing. It reuses the existing
wallet modal and exposes the selected provider through the existing UI contract.
Documentation Updates
Checklist
Additional Notes
without streams.
/streamsnow renders the disconnected state on initial load.Fixes #381
Test Output
Test Suites: 3 passed, 3 total
Tests: 53 passed, 53 total
Tested suites:
app/streams/page.test.tsx
app/streams/StreamsPageContent.test.tsx
app/components/EmptyState.test.tsx
CI Run Link
Workflow Run: Pending
Security Review Required: No
Compliance Impact: No