Skip to content

Implement new phone number dropdown

#2395 (closed)

  • 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