Add inProgress/ready states to EditListingPricingForm

This commit is contained in:
Kimmo Puputti 2017-09-21 14:59:28 +03:00
parent 271e262098
commit 80e709f7cf
2 changed files with 11 additions and 4 deletions

View file

@ -36,7 +36,9 @@ export const EditListingPricingFormComponent = props => {
: null;
const classes = classNames(css.root, className);
const submitDisabled = invalid || submitting || disabled || updateInProgress;
const submitReady = updated;
const submitInProgress = submitting || updateInProgress;
const submitDisabled = invalid || disabled || submitInProgress;
return (
<form className={classes} onSubmit={handleSubmit}>
@ -52,8 +54,14 @@ export const EditListingPricingFormComponent = props => {
validate={[required(priceRequiredMessage)]}
/>
<Button className={css.submitButton} type="submit" disabled={submitDisabled}>
{updated ? <FormattedMessage id="EditListingPricingForm.updated" /> : saveActionMsg}
<Button
className={css.submitButton}
type="submit"
inProgress={submitInProgress}
disabled={submitDisabled}
ready={submitReady}
>
{saveActionMsg}
</Button>
</form>
);

View file

@ -104,7 +104,6 @@
"EditListingPricingForm.pricePerNight": "Price per night in euros",
"EditListingPricingForm.priceRequired": "You need to add a valid price.",
"EditListingPricingForm.updateFailed": "Failed to update listing. Please try again.",
"EditListingPricingForm.updated": "Updated!",
"EditListingPricingPanel.createListingTitle": "How much does it cost?",
"EditListingPricingPanel.title": "Edit pricing of {listingTitle}",
"EditListingWizard.saveEditDescription": "Save description",