Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat(wallet): resize saved address popup to remove network selection #13815

Merged

Conversation

IvanBelyakoff
Copy link
Contributor

@IvanBelyakoff IvanBelyakoff commented Mar 2, 2024

when ENS name is resolved.

  • Resolve ENS name before used in SendModal
  • UI tweaks:
    • red stroke on address input in case of error
    • smaller tick for validation address input
    • added validation spinner to address input, removed from the button (Ben updated design)
    • handled tab key to move focus between inputs
    • animation for resizing the dialog

Affected areas

Saved address popup

StatusQ checklist

  • add documentation if necessary (new component, new feature)
  • update storybook app
    • in case of new component, add new component page
    • in case of new features, add variation to existing component page
    • nice to have: add it to the demo application as well
  • test changes in both light and dark theme?

Screenshot of functionality (including design for comparison)

Screen.Recording.2024-03-05.at.15.09.19.mov

[x ] I've checked the design and this PR matches it

Closed #13381

@status-im-auto
Copy link
Member

status-im-auto commented Mar 2, 2024

Jenkins Builds

Click to see older builds (18)
Commit #️⃣ Finished (UTC) Duration Platform Result
✔️ e5384b2 #1 2024-03-02 10:59:54 ~6 min tests/nim 📄log
✔️ e5384b2 #1 2024-03-02 11:00:10 ~6 min macos/aarch64 🍎dmg
✔️ e5384b2 #1 2024-03-02 11:03:31 ~10 min tests/ui 📄log
✔️ e5384b2 #1 2024-03-02 11:03:38 ~10 min macos/x86_64 🍎dmg
✔️ e5384b2 #1 2024-03-02 11:11:17 ~17 min linux/x86_64 📦tgz
✔️ e5384b2 #1 2024-03-02 11:23:33 ~30 min windows/x86_64 💿exe
✔️ 3afbe10 #2 2024-03-04 08:10:10 ~6 min tests/nim 📄log
✔️ 3afbe10 #2 2024-03-04 08:14:07 ~10 min tests/ui 📄log
✔️ 3afbe10 #2 2024-03-04 08:14:19 ~10 min macos/aarch64 🍎dmg
✔️ 3afbe10 #2 2024-03-04 08:14:41 ~10 min macos/x86_64 🍎dmg
✔️ 3afbe10 #2 2024-03-04 08:19:24 ~15 min linux/x86_64 📦tgz
✔️ 3afbe10 #2 2024-03-04 08:31:23 ~27 min windows/x86_64 💿exe
✔️ 481e475 #3 2024-03-04 11:12:37 ~6 min tests/nim 📄log
✔️ 481e475 #3 2024-03-04 11:13:41 ~8 min macos/aarch64 🍎dmg
✔️ 481e475 #3 2024-03-04 11:13:46 ~8 min macos/x86_64 🍎dmg
✔️ 481e475 #3 2024-03-04 11:16:48 ~11 min tests/ui 📄log
✔️ 481e475 #3 2024-03-04 11:22:37 ~17 min linux/x86_64 📦tgz
✔️ 481e475 #3 2024-03-04 11:30:49 ~25 min windows/x86_64 💿exe
Commit #️⃣ Finished (UTC) Duration Platform Result
✔️ b5221db #4 2024-03-05 14:13:51 ~6 min macos/aarch64 🍎dmg
✔️ b5221db #4 2024-03-05 14:13:56 ~6 min tests/nim 📄log
✔️ b5221db #4 2024-03-05 14:15:35 ~7 min macos/x86_64 🍎dmg
✔️ b5221db #4 2024-03-05 14:18:25 ~10 min tests/ui 📄log
✔️ b5221db #4 2024-03-05 14:24:17 ~16 min linux/x86_64 📦tgz
✔️ b5221db #4 2024-03-05 14:35:57 ~28 min windows/x86_64 💿exe
✔️ 09ccf73 #5 2024-03-05 16:59:28 ~4 min macos/aarch64 🍎dmg
✔️ 09ccf73 #5 2024-03-05 17:01:11 ~6 min tests/nim 📄log
✔️ 09ccf73 #5 2024-03-05 17:02:43 ~8 min macos/x86_64 🍎dmg
✔️ 09ccf73 #5 2024-03-05 17:06:02 ~11 min tests/ui 📄log
✔️ 09ccf73 #5 2024-03-05 17:10:35 ~16 min linux/x86_64 📦tgz
✔️ 09ccf73 #5 2024-03-05 17:27:55 ~33 min windows/x86_64 💿exe

Copy link
Contributor

@saledjenic saledjenic left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@IvanBelyakoff changes look good, just 2 things:

  • we're still unsure whether to add chain prefixes for ens names or not (cause in the end that's just an alias for a real address)
  • if we decide to don't add them then we need to update show QR popup similarly to what you did here

@IvanBelyakoff IvanBelyakoff force-pushed the feat/saved_address_dialog_resize_on_ens_entered branch from e5384b2 to 3afbe10 Compare March 4, 2024 08:03
@IvanBelyakoff
Copy link
Contributor Author

@benjthayer maybe you might want to have a look at the animation of hiding the netwroks on video, if it is fine with you.

Copy link
Member

@caybro caybro left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 👍

@IvanBelyakoff IvanBelyakoff force-pushed the feat/saved_address_dialog_resize_on_ens_entered branch 2 times, most recently from 481e475 to b5221db Compare March 5, 2024 14:07
when ENS name is resolved. Resolve ENS name before used in SendModal.
UI tweaks:
  - red stroke on address input in case of error
  - smaller tick for validation address input
  - added validation spinner to address input, removed from the button
  - handled tab key to move focus between inputs
@IvanBelyakoff IvanBelyakoff force-pushed the feat/saved_address_dialog_resize_on_ens_entered branch from b5221db to 09ccf73 Compare March 5, 2024 16:54
@IvanBelyakoff IvanBelyakoff merged commit da226b7 into master Mar 6, 2024
8 checks passed
@IvanBelyakoff IvanBelyakoff deleted the feat/saved_address_dialog_resize_on_ens_entered branch March 6, 2024 07:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Ability to add ENS domain name as a saved address
4 participants