Use left/right arrow keys to move cursor in IOUAmountPage

[rushatgabhane]

cc @roryabraham

Details

Replace onKeyPress prop with onChangeText prop and handle the amount changed.

Also, rename updateAmountIfValidInput() to updateAmountNumberPad(), and Remove check for Backspace.
Because it updates amount only for numpad now.

Fixed Issues

$ #3779

Tests / QA

1. Request money to any user.
2. Enter an amount.
3. Verify that you can use left and right arrow keys to move the cursor and edit the amount.

Tested On

Don't have mac to test desktop app.

• Web
• Android
• Mobile Web
• Desktop
• iOS

Screenshots

Web

NEW.Expensify.cash.-.Google.Chrome.2021-06-29.03-11-09.mp4

Android

Mobile Web

Desktop

iOS

[roryabraham]

Don't have mac to test desktop app.

Appreciate you calling this out! I can test on desktop 🙂

[roryabraham]

@rushatgabhane Can you also be sure to test and include screenshots for mobile web and android? I will test on iOS and desktop for you 😄

[rushatgabhane]

@rushatgabhane Can you also be sure to test and include screenshots for mobile web and android? I will test on iOS and desktop for you 😄

Thanks, really appreciate it!
Yup, will add screenshots asap.

[roryabraham]

Thanks for making those changes! Great work!

[OSBotify]

✋ This PR was not deployed to staging yet because QA is ongoing. It will be automatically deployed to staging after the next production release.

[roryabraham]

Unfortunately the deploy comments are not working right now. This was deployed to staging yesterday.