From 252e32f06b3c9d738fea06762246e652d8e745b6 Mon Sep 17 00:00:00 2001
From: Wikzyy <alwi.erdi4@gmail.com>
Date: Tue, 25 Mar 2025 19:17:36 +0700
Subject: [PATCH] fix create profession

---
 .../master/profession/blocks/AddDialog.tsx    | 33 ++++++++++---------
 1 file changed, 18 insertions(+), 15 deletions(-)

diff --git a/src/pages/master/profession/blocks/AddDialog.tsx b/src/pages/master/profession/blocks/AddDialog.tsx
index 247ff73..8444c83 100644
--- a/src/pages/master/profession/blocks/AddDialog.tsx
+++ b/src/pages/master/profession/blocks/AddDialog.tsx
@@ -42,26 +42,29 @@ const AddDialog = () => {
     setAlert({ show: false, message: '' });
   };
 
-  const doCreateProfession = useCallback(async (e: React.FormEvent<HTMLFormElement>) => {
-    e.preventDefault();
+  const doCreateProfession = useCallback(
+    async (e: React.FormEvent<HTMLFormElement>) => {
+      e.preventDefault();
 
-    const response = await PostData(`${API_URL}/profession/create`, formField);
+      const response = await PostData(`${API_URL}/profession/create`, formField);
 
-    if (response?.status) {
-      resetForm();
-      handleAddDialog(false);
-      toast.success('Success Create Profession');
-      reload();
-    } else {
-      toast.error('Failed Create Profession');
-      setAlert({ show: true, message: response?.message });
-    }
-  }, []);
+      if (response?.status) {
+        resetForm();
+        handleAddDialog(false);
+        toast.success('Success Create Profession');
+        reload();
+      } else {
+        toast.error('Failed Create Profession');
+        setAlert({ show: true, message: response?.message });
+      }
+    },
+    [formField]
+  );
 
   const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
 
-    if (formField.name === '') {
+    if (!formField.name.trim()) {
       setAlert({ show: true, message: 'Please fill name field.' });
       return;
     }
@@ -79,7 +82,7 @@ const AddDialog = () => {
         created_at: formattedTime
       });
     }
-  }, [formattedTime]);
+  }, [formattedTime, parsedUser.username, showAddDialog]);
 
   useEffect(() => {
     if (showAddDialog === false) {