Disable save button while submitting form in settings (#5352)

as per title
This commit is contained in:
Marie
2024-05-10 18:18:39 +02:00
committed by GitHub
parent ae0e31abc7
commit 72521d5554
4 changed files with 26 additions and 19 deletions

View File

@ -63,11 +63,12 @@ export const SettingsObjectEdit = () => {
if (!activeObjectMetadataItem) return null;
const { isDirty, isValid } = formConfig.formState;
const canSave = isDirty && isValid;
const { isDirty, isValid, isSubmitting } = formConfig.formState;
const canSave = isDirty && isValid && !isSubmitting;
const handleSave = async () => {
const formValues = formConfig.getValues();
const handleSave = async (
formValues: SettingsDataModelObjectEditFormValues,
) => {
const dirtyFieldKeys = Object.keys(
formConfig.formState.dirtyFields,
) as (keyof SettingsDataModelObjectEditFormValues)[];
@ -121,7 +122,7 @@ export const SettingsObjectEdit = () => {
onCancel={() =>
navigate(`${settingsObjectsPagePath}/${objectSlug}`)
}
onSave={handleSave}
onSave={formConfig.handleSubmit(handleSave)}
/>
)}
</SettingsHeaderContainer>