yujunjun/OpenMetadata
1
0
Fork 0
mirror of https://github.com/open-metadata/OpenMetadata.git synced 2025-11-03 12:08:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

Reset form on submit and cancel

Browse Source
This commit is contained in:
Ushran Gouhar 2025-09-24 22:47:35 +05:30
parent 7d779df790
commit e2a19cfd10
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
openmetadata-ui/src/main/resources/ui/src/components/Domain/AddDomainForm/AddDomainForm.component.tsx
View File

@ -303,7 +303,7 @@ const AddDomainForm = ({
delete (data as CreateDomain & { domains?: unknown }).domains;
}
onSubmit(data).then(() => form.resetFields());
onSubmit(data);
};
return (

15
openmetadata-ui/src/main/resources/ui/src/components/common/atoms/drawer/useFormDrawer.tsx
View File

@ -24,6 +24,7 @@ export interface FormDrawerConfig<T = any>
form: ReactNode;
onSubmit: (data: T) => Promise<void> | void;
onCancel?: () => void;
onReset?: () => void;
submitLabel?: string;
cancelLabel?: string;
loading?: boolean;
@ -84,6 +85,7 @@ export const useFormDrawer = <T = any,>(config: FormDrawerConfig<T>) => {
form,
onSubmit,
onCancel,
onReset,
submitLabel = t('label.save'),
cancelLabel = t('label.cancel'),
loading = false,
@ -114,7 +116,10 @@ export const useFormDrawer = <T = any,>(config: FormDrawerConfig<T>) => {
label: cancelLabel,
variant: 'text',
testId: cancelTestId,
onClick: () => closeRef.current(),
onClick: () => {
closeRef.current();
onReset?.(); // Reset form on cancel
},
},
primaryButton: {
label: submitLabel,
@ -131,6 +136,7 @@ export const useFormDrawer = <T = any,>(config: FormDrawerConfig<T>) => {
// Form submission error handled by caller
} finally {
setIsSubmitting(false);
onReset?.(); // Reset form on submit
}
},
},
@ -173,7 +179,11 @@ export const useFormDrawer = <T = any,>(config: FormDrawerConfig<T>) => {
*/
export const useFormDrawerWithRef = <T = any,>(
config: FormDrawerConfig<T> & {
formRef?: { submit: () => void; validateFields?: () => Promise<any> };
formRef?: {
submit: () => void;
validateFields?: () => Promise<any>;
resetFields: () => void;
};
}
) => {
const { formRef, onSubmit, ...restConfig } = config;
@ -198,6 +208,7 @@ export const useFormDrawerWithRef = <T = any,>(
const drawer = useFormDrawer({
...restConfig,
onSubmit: handleSubmit,
onReset: formRef?.resetFields,
});
const submitForm = useCallback(() => {