WIP: Fix clear note form after successful edit

pkirilin · Jul 3, 2024 · 92b7f20 · 92b7f20
1 parent baa05dd
commit 92b7f20
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/src/frontend/src/entities/note/lib/useFormValues.ts b/src/frontend/src/entities/note/lib/useFormValues.ts
@@ -1,19 +1,25 @@
-import { useMemo, useState } from 'react';
+import { useCallback, useMemo, useState } from 'react';
 import { type FormValues } from '../model';
 
 interface Result {
   values: FormValues;
   setValues: (values: FormValues) => void;
+  clearValues: () => void;
 }
 
 export const useFormValues = (initialValues: FormValues): Result => {
   const [values, setValues] = useState<FormValues>(initialValues);
 
+  const clearValues = useCallback(() => {
+    setValues(initialValues);
+  }, [initialValues]);
+
   return useMemo<Result>(
     () => ({
       values,
       setValues,
+      clearValues,
     }),
-    [values],
+    [clearValues, values],
   );
 };
diff --git a/src/frontend/src/features/note/addEdit/ui/EditNote.tsx b/src/frontend/src/features/note/addEdit/ui/EditNote.tsx
@@ -19,7 +19,8 @@ export const EditNote: FC<Props> = ({ note, pageId, renderTrigger }) => {
   const addProductIfNotExists = useAddProductIfNotExists();
 
   const notes = noteLib.useNotes(pageId);
-  const noteForm = noteLib.useFormValues({
+
+  const { clearValues: clearNoteForm, ...noteForm } = noteLib.useFormValues({
     pageId,
     mealType: note.mealType,
     displayOrder: note.displayOrder,
@@ -39,7 +40,8 @@ export const EditNote: FC<Props> = ({ note, pageId, renderTrigger }) => {
 
   const handleSubmitSuccess = useCallback(() => {
     reset();
-  }, [reset]);
+    clearNoteForm();
+  }, [clearNoteForm, reset]);
 
   return (
     <AddOrEditNoteFlow