diff --git a/src/components/EditListingWizard/EditListingWizard.js b/src/components/EditListingWizard/EditListingWizard.js index 8bb20934..da05a740 100644 --- a/src/components/EditListingWizard/EditListingWizard.js +++ b/src/components/EditListingWizard/EditListingWizard.js @@ -145,8 +145,8 @@ class EditListingWizard extends Component { handlePayoutSubmit(values) { const { - firstName, - lastName, + fname: firstName, + lname: lastName, birthDate, country, streetAddress, diff --git a/src/containers/AuthenticationPage/AuthenticationPage.js b/src/containers/AuthenticationPage/AuthenticationPage.js index f0f8e2b4..909eeefe 100644 --- a/src/containers/AuthenticationPage/AuthenticationPage.js +++ b/src/containers/AuthenticationPage/AuthenticationPage.js @@ -129,6 +129,12 @@ export class AuthenticationPageComponent extends Component { }, ]; + const handleSubmitSignup = values => { + const { fname, lname, ...rest } = values; + const params = { firstName: fname, lastName: lname, ...rest }; + submitSignup(params); + }; + const formContent = (
@@ -138,7 +144,7 @@ export class AuthenticationPageComponent extends Component { ) : ( this.setState({ tosModalOpen: true })} /> diff --git a/src/containers/ContactDetailsForm/ContactDetailsForm.js b/src/containers/ContactDetailsForm/ContactDetailsForm.js index b5a1498c..5042eedd 100644 --- a/src/containers/ContactDetailsForm/ContactDetailsForm.js +++ b/src/containers/ContactDetailsForm/ContactDetailsForm.js @@ -233,6 +233,7 @@ class ContactDetailsFormComponent extends Component { type="password" name="currentPassword" id={`${form}.currentPassword`} + autoComplete="current-password" label={passwordLabel} placeholder={passwordPlaceholder} validate={[passwordRequired, passwordMinLength]} diff --git a/src/containers/LoginForm/LoginForm.js b/src/containers/LoginForm/LoginForm.js index 33a17cb6..f5f9c6ad 100644 --- a/src/containers/LoginForm/LoginForm.js +++ b/src/containers/LoginForm/LoginForm.js @@ -65,6 +65,7 @@ const LoginFormComponent = props => { { className={css.password} type="password" name="password" + autoComplete="current-password" id={`${form}.password`} label={passwordLabel} placeholder={passwordPlaceholder} diff --git a/src/containers/LoginForm/__snapshots__/LoginForm.test.js.snap b/src/containers/LoginForm/__snapshots__/LoginForm.test.js.snap index acc5148d..f26bc09e 100644 --- a/src/containers/LoginForm/__snapshots__/LoginForm.test.js.snap +++ b/src/containers/LoginForm/__snapshots__/LoginForm.test.js.snap @@ -17,6 +17,7 @@ exports[`LoginForm matches snapshot 1`] = ` LoginForm.emailLabel { className={css.email} type="email" name="email" + autoComplete="email" id={`${form}.email`} label={emailLabel} placeholder={emailPlaceholder} diff --git a/src/containers/PasswordResetForm/PasswordResetForm.js b/src/containers/PasswordResetForm/PasswordResetForm.js index 664e7fab..e57e9d4b 100644 --- a/src/containers/PasswordResetForm/PasswordResetForm.js +++ b/src/containers/PasswordResetForm/PasswordResetForm.js @@ -68,6 +68,7 @@ const PasswordResetFormComponent = props => { className={css.password} type="password" name="password" + autoComplete="new-password" id={`${form}.password`} label={passwordLabel} placeholder={passwordPlaceholder} diff --git a/src/containers/PayoutDetailsForm/PayoutDetailsForm.js b/src/containers/PayoutDetailsForm/PayoutDetailsForm.js index c1f5bbcc..71b72301 100644 --- a/src/containers/PayoutDetailsForm/PayoutDetailsForm.js +++ b/src/containers/PayoutDetailsForm/PayoutDetailsForm.js @@ -140,6 +140,7 @@ const PayoutDetailsFormComponent = props => { className={css.field} type="text" name="streetAddress" + autoComplete="street-address" id={`${form}.streetAddress`} label={streetAddressLabel} placeholder={streetAddressPlaceholder} @@ -152,6 +153,7 @@ const PayoutDetailsFormComponent = props => { className={css.postalCode} type="text" name="postalCode" + autoComplete="postal-code" id={`${form}.postalCode`} label={postalCodeLabel} placeholder={postalCodePlaceholder} @@ -163,6 +165,7 @@ const PayoutDetailsFormComponent = props => { className={css.city} type="text" name="city" + autoComplete="address-level2" id={`${form}.city`} label={cityLabel} placeholder={cityPlaceholder} @@ -227,8 +230,9 @@ const PayoutDetailsFormComponent = props => { disabled={disabled} className={css.firstName} type="text" - name="firstName" - id={`${form}.firstName`} + name="fname" + autoComplete="given-name" + id={`${form}.fname`} label={firstNameLabel} placeholder={firstNamePlaceholder} validate={firstNameRequired} @@ -237,8 +241,9 @@ const PayoutDetailsFormComponent = props => { disabled={disabled} className={css.lastName} type="text" - name="lastName" - id={`${form}.lastName`} + name="lname" + autoComplete="family-name" + id={`${form}.lname`} label={lastNameLabel} placeholder={lastNamePlaceholder} validate={lastNameRequired} @@ -265,6 +270,7 @@ const PayoutDetailsFormComponent = props => { disabled={disabled} className={css.selectCountry} name="country" + autoComplete="country" id={`${form}.country`} label={countryLabel} validate={countryRequired} diff --git a/src/containers/PayoutPreferencesPage/PayoutPreferencesPage.js b/src/containers/PayoutPreferencesPage/PayoutPreferencesPage.js index d179c08d..3f2619f3 100644 --- a/src/containers/PayoutPreferencesPage/PayoutPreferencesPage.js +++ b/src/containers/PayoutPreferencesPage/PayoutPreferencesPage.js @@ -75,6 +75,12 @@ export const PayoutPreferencesPageComponent = props => { message = ; } + const handlePayoutDetailsSubmit = values => { + const { fname, lname, ...rest } = values; + const params = { firstName: fname, lastName: lname, ...rest }; + onPayoutDetailsFormSubmit(params); + }; + const showForm = currentUserLoaded && (payoutDetailsSaveInProgress || payoutDetailsSaved || !stripeConnected); const form = showForm ? ( @@ -85,7 +91,7 @@ export const PayoutPreferencesPageComponent = props => { submitButtonText={intl.formatMessage({ id: 'PayoutPreferencesPage.submitButtonText' })} createStripeAccountError={createStripeAccountError} onChange={onPayoutDetailsFormChange} - onSubmit={onPayoutDetailsFormSubmit} + onSubmit={handlePayoutDetailsSubmit} /> ) : null; diff --git a/src/containers/SignupForm/SignupForm.js b/src/containers/SignupForm/SignupForm.js index 70d84275..00ac103c 100644 --- a/src/containers/SignupForm/SignupForm.js +++ b/src/containers/SignupForm/SignupForm.js @@ -129,6 +129,7 @@ const SignupFormComponent = props => { { { { className={css.password} type="password" name="password" + autoComplete="new-password" id={`${form}.password`} label={passwordLabel} placeholder={passwordPlaceholder} diff --git a/src/containers/SignupForm/__snapshots__/SignupForm.test.js.snap b/src/containers/SignupForm/__snapshots__/SignupForm.test.js.snap index 0718b98e..5cdf7eb3 100644 --- a/src/containers/SignupForm/__snapshots__/SignupForm.test.js.snap +++ b/src/containers/SignupForm/__snapshots__/SignupForm.test.js.snap @@ -17,6 +17,7 @@ exports[`SignupForm matches snapshot 1`] = ` SignupForm.emailLabel