Fix: Error Messages Persist in UserAdd Component

ohcnetwork · Oct 5, 2024 · fcfb2f2 · fcfb2f2
1 parent 8e6a2f2
commit fcfb2f2
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/Components/Users/UserAdd.tsx b/src/Components/Users/UserAdd.tsx
@@ -294,24 +294,28 @@ export const UserAdd = (props: UserProps) => {
 
   const handleDateChange = (e: FieldChangeEvent<Date>) => {
     if (dayjs(e.value).isValid()) {
+      const errors = { ...state.errors, [e.name]: "" };
       dispatch({
         type: "set_form",
         form: {
           ...state.form,
           [e.name]: dayjs(e.value).format("YYYY-MM-DD"),
         },
       });
+      dispatch({ type: "set_errors", errors });
     }
   };
 
   const handleFieldChange = (event: FieldChangeEvent<unknown>) => {
+    const errors = { ...state.errors, [event.name]: "" };
     dispatch({
       type: "set_form",
       form: {
         ...state.form,
         [event.name]: event.value,
       },
     });
+    dispatch({ type: "set_errors", errors });
   };
 
   useAbortableEffect(() => {