Skip to content

[UX] Improve Wallet Selector Connection Feedback #516

@emdevelopa

Description

@emdevelopa

Description

The WalletSelector lacks clear feedback when a connection attempt fails or is pending.

Requirements and context

  • Add a loading spinner or "Connecting..." state to the selected wallet button.
  • Implement user-friendly error messages (e.g., "User rejected request", "Extension not found").
  • Ensure the modal remains responsive during async operations.

Suggested execution

  1. Update state management in WalletSelector.tsx to include a loading and error state.
  2. Catch errors from wallet provider promises and map them to friendly messages.
  3. Add visual feedback (disabled buttons, spinners).

Test and commit

  • Mock a failed connection and verify the error message appears.
  • Verify the connecting state is shown during the handshake.

Guidelines

  • Error messages should be helpful, not technical.
  • PR description must include: Closes #[issue_id]

Complexity: Medium (150 points)

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions