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

Me: Use FormTelInput instead of FormTextInput #1399

Merged
merged 2 commits into from
Dec 9, 2015

Conversation

ebinnion
Copy link
Contributor

@ebinnion ebinnion commented Dec 8, 2015

Fixes #28

This PR replaces the FormTextInput components that were being used throughout 2fa with FormTelInput which should show a number keyboard on mobile devices.

While working on that fix, I also updated placeholders to be consistent with #1386

cc @rickybanister for design review and @johnHackworth for code review.

After screenshots (Note: mobile layout will be worked on in other PRs):

To test:

  • Checkout fix/me-2fa-number-input branch
  • Connect your mobile device to the Calypso that is running on your desktop. Charles is recommended.
  • Go to /me/security/two-step and enable/disable 2fa for a test account.
  • Do you get the number keyboard?

Note: In the below screenshots the label and button in the application passwords section header seems off. I'm not sure what to do there, but it is unrelated to this PR.

After screenshots:

2015-12-09 16 26 24
2015-12-09 16 26 58
2015-12-09 16 27 13
2015-12-09 16 26 14

@ebinnion ebinnion added [Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically. [Status] Needs Design Review Add this when you'd like to get a review / feedback from the Design team on your PR [Feature] User & Account Settings (/me) Settings and tools for managing your WordPress.com user account. labels Dec 8, 2015
@ebinnion ebinnion self-assigned this Dec 8, 2015
@rickybanister
Copy link

There's not a lot to say about this until the mobile work is done. If this is a visual regression for mobile I'm not sure we should merge it before fixing up the layout. I wish there was a way to feature-flag an already-launched feature or something.

@ebinnion
Copy link
Contributor Author

ebinnion commented Dec 9, 2015

As a note, those visual regressions are not related to the changes in this PR. See #230 and #232, so I would prefer to merge this PR.

@ebinnion ebinnion force-pushed the fix/me-2fa-number-input branch from 88f0ab4 to 8324348 Compare December 9, 2015 22:28
@rickybanister
Copy link

looks good to me

context: '7 digit two factor code placeholder.',
textOnly: true
} ),
eightDigitBackupCodePlaceholder: i18n.translate( 'e.g. 123456', {
Copy link
Member

Choose a reason for hiding this comment

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

Shouldn't the example be 12345678 ?

@ebinnion ebinnion force-pushed the fix/me-2fa-number-input branch from 8324348 to dd6b9ec Compare December 9, 2015 23:00
@ebinnion
Copy link
Contributor Author

ebinnion commented Dec 9, 2015

Thanks for pointing out the incorrect placeholder for backup codes. I fixed that as well as removed the unnecessary text props.

Here's the updated screenshot of backup codes:

2015-12-09 16 58 35

@enejb
Copy link
Member

enejb commented Dec 9, 2015

I just tested the app and it works really well. Great work Eric!

@enejb enejb added [Status] Ready to Merge and removed [Status] Needs Review The PR is ready for review. This also triggers e2e canary tests and wp-desktop tests automatically. labels Dec 9, 2015
ebinnion added a commit that referenced this pull request Dec 9, 2015
Me: Use FormTelInput instead of FormTextInput
@ebinnion ebinnion merged commit 21ca813 into master Dec 9, 2015
@ebinnion ebinnion deleted the fix/me-2fa-number-input branch December 9, 2015 23:12
@lancewillett lancewillett removed the [Status] Needs Design Review Add this when you'd like to get a review / feedback from the Design team on your PR label Oct 19, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] User & Account Settings (/me) Settings and tools for managing your WordPress.com user account.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Me/Security: Entering two step code is not mobile friendly in a couple of places
5 participants