Siteless checkout thank-you: Make form submit with Enter key pressed.

[elliottprogrammer]

Changes proposed in this Pull Request

This PR improves the UX for the "Submit website Address" input form by allowing the form to be submitted by pressing the enter key.

Implementation notes:

• Removed the onUrlSubmit() off of the <Button onClick={ onUrlSubmit }> event and instead assigned it to the <Form onSubmit={ onUrlSubmit }> event. This captures the Form tags natural ability to submit the form using the Enter key, if you want.
• Also made the submit button text dynamic. When submitting, button text is, "Saving...", otherwise button text is, "Continue".

Testing instructions

• Checkout and run this PR
• Go to http://calypso.localhost:3000/checkout/jetpack/jetpack_scan
• Complete siteless checkout.
• On the "Thank you" page, test the "Submit website address" form:
  • Verify you can submit the form using the enter key or by pressing the button.
  • Verify that when the form is submitting, the button text changes to, "Saving...", otherwise it says, "Continue".

[matticbot]

Here is how your PR affects size of JS and CSS bundles shipped to the user's browser:

Sections (~26 bytes added 📈 [gzipped])

name      parsed_size           gzip_size
checkout        +71 B  (+0.0%)      +26 B  (+0.0%)

Sections contain code specific for a given set of routes. Is downloaded and parsed only when a particular route is navigated to.

Legend

What is parsed and gzip size?

Parsed Size: Uncompressed size of the JS and CSS files. This much code needs to be parsed and stored in memory.
Gzip Size: Compressed size of the JS and CSS files. This much data needs to be downloaded over network.

Generated by performance advisor bot at iscalypsofastyet.com.

[atanas-dev]

Tests good for me

[a8ci18n]

This Pull Request is now available for translation here: https://translate.wordpress.com/deliverables/6292732

Hi @elliottprogrammer, could you please edit the description of this PR and add a screenshot for our translators? Ideally it'd include this string: That is not a valid website URL.

Thank you in advance!

[a8ci18n]

Translation for this Pull Request has now been finished.