From e6f51940defa0a8d4ee6d7e5018690a5f3db2b76 Mon Sep 17 00:00:00 2001
From: Eric Schultz <eric@wwahammy.com>
Date: Thu, 28 Jun 2018 13:32:49 -0500
Subject: [PATCH] Add the saving button title to RegistrationWizard

---
 config/locales/en.yml                                          | 1 +
 .../src/components/registration_page/RegistrationWizard.tsx    | 2 +-
 javascripts/src/components/registration_page/UserInfoForm.tsx  | 2 ++
 javascripts/src/components/registration_page/UserInfoPanel.tsx | 3 ++-
 4 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/config/locales/en.yml b/config/locales/en.yml
index 92a70a7c..1927b483 100644
--- a/config/locales/en.yml
+++ b/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"
diff --git a/javascripts/src/components/registration_page/RegistrationWizard.tsx b/javascripts/src/components/registration_page/RegistrationWizard.tsx
index d5bd54fd..bfb185ea 100644
--- a/javascripts/src/components/registration_page/RegistrationWizard.tsx
+++ b/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>
   }
 }
diff --git a/javascripts/src/components/registration_page/UserInfoForm.tsx b/javascripts/src/components/registration_page/UserInfoForm.tsx
index 8098a977..d20a1878 100644
--- a/javascripts/src/components/registration_page/UserInfoForm.tsx
+++ b/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>;
   }
diff --git a/javascripts/src/components/registration_page/UserInfoPanel.tsx b/javascripts/src/components/registration_page/UserInfoPanel.tsx
index caad550f..159c2feb 100644
--- a/javascripts/src/components/registration_page/UserInfoPanel.tsx
+++ b/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>;
   }