Add the saving button title to RegistrationWizard

config/locales/en.yml

@@ -162,6 +162,7 @@ en:
         password_confirmation: "Retype Password"
         phone: "Your Phone (for account recovery)"
       save_and_finish: "Save & Finish"
+      saving: "Saving..."
       next: "Next"
   footer:
     terms_and_privacy: "Terms & Privacy"

javascripts/src/components/registration_page/RegistrationWizard.tsx

@@ -197,7 +197,7 @@ export class InnerRegistrationWizard extends React.Component<RegistrationWizardP
                            buttonText="registration.wizard.next"/>
 
       <UserInfoPanel tab={this.registrationWizardState.tabsByName['userTab']}
-                     buttonText="registration.wizard.save_and_finish"/>
+                     buttonText="registration.wizard.save_and_finish" inProgressTitle="registration.wizard.saving"/>
     </Wizard>
   }
 }

javascripts/src/components/registration_page/UserInfoForm.tsx

@@ -39,6 +39,7 @@ export interface UserInfoFormProps
 {
   form: Field
   buttonText:string
+  inProgressTitle?:string
 }
 
 
@@ -60,6 +61,7 @@ class UserInfoForm extends React.Component<UserInfoFormProps & InjectedIntlProps
                           disabled={!this.props.form.isValid}
                           title={this.props.intl.formatMessage({id: this.props.buttonText})}
                           inProgress={areWeOrAnyParentSubmitting(this.props.form)}
+                          titleOnProgress={this.props.intl.formatMessage({id: this.props.inProgressTitle})}
                           disableOnProgress={true}/>
     </fieldset>;
   }

javascripts/src/components/registration_page/UserInfoPanel.tsx

@@ -10,6 +10,7 @@ import UserInfoForm from "./UserInfoForm";
 
 export interface UserInfoPanelProps extends WizardTabPanelProps {
   buttonText: string
+  inProgressTitle?:string
 }
 
 class UserInfoPanel extends React.Component<UserInfoPanelProps & InjectedIntlProps, {}> {
@@ -38,7 +39,7 @@ class UserInfoPanel extends React.Component<UserInfoPanelProps & InjectedIntlPro
     return <WizardPanel
                         tab={this.wizardTab} key={this.tabName}
     >
-      <UserInfoForm form={this.form} buttonText={this.props.buttonText}/>
+      <UserInfoForm form={this.form} buttonText={this.props.buttonText} inProgressTitle={this.props.inProgressTitle}/>
 
     </WizardPanel>;
   }