Implement new phone number dropdown
-
Add in the phone number verification widgets to the new wallet -
Make it a new component so we don't break anything -
Have them call the onboarding phone number verification (so we don't ask for their phone number again) -
Make sure it's in the new onboarding phone number verification
Update the m-phone-input component so it is easier to use/navigate the gigantic country list.
-
Dropdown should close on blur instead of requiring user to click the 2 arrows next to the flag icon -
Country list dropdown should be aligned with form input and have the same box-shadow -
Restrict height -
Option should have a visual indicator when you are hovering over it -
Key controls. You should be able to: -
Start typing the country name to scroll to or narrow down results -
navigate results with up/down keys -
hit enter to select/close the drop down
-
Testing
- Check it out at /onboarding/info slide
- go to /v2wallet/tokens as a new user whose phone number has not been collected yet. Click step 1 of the onboarding steps to see the popup with the phone number input box
Edited by Olivia Madrid