Add the saving button title to RegistrationWizard
This commit is contained in:
parent
6e50cb6019
commit
e6f51940de
4 changed files with 6 additions and 2 deletions
|
@ -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"
|
||||
|
|
|
@ -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>
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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>;
|
||||
}
|
||||
|
|
|
@ -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>;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue