Skip to content

Refactor SingleUserPicker to provide a better user experience for Safe Control #3865

Open
@Julianahlk

Description

@Julianahlk

Story

  1. When clicking on the target contract address input field without someone writing anything, the message “it looks like I couldn’t find what you are looking for” pops up. The expectation is that there wouldn’t be any dropdown message until the user had a chance to write or paste something into the input.
  2. If you paste the target contract address into the input field but you don’t actually select the address from the given drop down option but instead move to the ABI/JSON field and start typing or try to paste something, you will notice immediately after you can't do any other actions. The expectation would be the user won't need to select the address only from the drop down options, the user should be able to paste any valid contract address.
  3. When you do actually select the target contract address from the drop down, the address appears in red, which could confuse the user into thinking there is an error.

singlepicker

Implementation/Suggestions

  1. Use dirty to detect whether or not the field has been modified. Note, this does not seem to be an issue in the Payment modal for example.
  2. This should be able to work if you enter in a contract without a dropdown selection. The validation could happen onBlur.
  3. Please change the color of the contract address (only for the Safe Control version). You can re-use the same style used in the (input: select safe).

image

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions