add resetform + change customer title

src/pages/transfer/transferfee/blocks/AddDialog.tsx

@@ -109,7 +109,6 @@ const AddFeeDialog = () => {
       status: formField.status,
       status_include: formField.status_include
     };
-    console.log(payload);
   };
   useEffect(() => {
     const created_time = new Date();
@@ -137,8 +136,6 @@ const AddFeeDialog = () => {
           order_field: sorting[0].id,
           order_direction: sorting[0].desc ? 'DESC' : 'ASC'
         });
-        console.log('TRANSACTION TYPE LIST: ', response?.data?.list);
-
         setTransactionTypes(response?.data.list || []);
       } catch (error) {
         console.error('Error fetching customer', error);
@@ -151,7 +148,6 @@ const AddFeeDialog = () => {
   const doCreateTransferType = useCallback(
     async (e: React.FormEvent<HTMLFormElement>) => {
       e.preventDefault();
-      console.log(formField);
       for (const key in formField) {
         if (
           formField[key as keyof typeof formField] === '' ||
@@ -167,7 +163,6 @@ const AddFeeDialog = () => {
         ...formField,
         priority: formField.priority ? 'Y' : 'N'
       });
-      // console.log("coba coba:",response);
 
       if (response?.status) {
         toast.success('Success Create Transfer Fee');
@@ -177,7 +172,6 @@ const AddFeeDialog = () => {
       } else {
         setAlert({ show: true, message: response?.message || 'Failed to create transfer fee' });
       }
-      console.log(response);
     },
     [formField]
   );
@@ -190,7 +184,7 @@ const AddFeeDialog = () => {
         <DialogHeader className="p-5 border-0">
           <div className="flex items-center justify-between flex-wrap grow">
             <div className="flex flex-col justify-center">
-              <h1 className="text-xl font-semibold leading-none text-gray-900">AddTransfer Fee</h1>
+              <h1 className="text-xl font-semibold leading-none text-gray-900">Add Transfer Fee</h1>
             </div>
             <div
               className="cursor-pointer hover:opacity-100 opacity-50"
@@ -392,7 +386,13 @@ const AddFeeDialog = () => {
                   </Select>
                 </div>
                 <div className="flex justify-end pt-2.5 gap-5">
-                  <Button variant={'outline'} type="reset">
+                  <Button
+                    variant={'outline'}
+                    type="reset"
+                    onClick={() => {
+                      resetForm();
+                    }}
+                  >
                     Reset
                   </Button>
                   <Button variant={'default'} type="submit" disabled={isSubmitting}>

src/pages/transfer/transferfee/blocks/DeleteDialog.tsx

@@ -26,7 +26,6 @@ const DeleteDialog = () => {
   });
 
   const doDeleteTransferFee = useCallback(async () => {
-    console.log("Selected Transfer Fee:", selectedTransferFee, "Type:", typeof selectedTransferFee);
     const response = await DeleteData(`${API_URL}/transactionfees/delete/${selectedTransferFee}/${enforce}`, {
       id: selectedTransferFee
     });
@@ -42,7 +41,6 @@ const DeleteDialog = () => {
     }
   }, [selectedTransferFee, enforce]);
 
-  // console.log(selectedTransferFee);
 
   return (
     <Dialog open={showDeleteFeeDialog} onOpenChange={(open) => handleDeleteFeeDialog(open, null)}>

src/pages/transfer/transferfee/blocks/EditDialog.tsx

@@ -105,7 +105,6 @@ const EditFeeDialog = () => {
       } else {
         setAlert((prev) => ({ ...prev, show: true, message: response?.message }));
       }
-      console.log(formField);
     },
     [formField, selectedTransferFee]
   );
@@ -145,10 +144,6 @@ const EditFeeDialog = () => {
           order_field: sorting[0].id,
           order_direction: sorting[0].desc ? 'DESC' : 'ASC'
         });
-
-        // 🟡 Log daftar pelanggan saja (kalau respons pakai struktur {data: {list: [...]}})
-        console.log('CUSTOMER LIST: ', response?.data?.list);
-
         setCustomers(response?.data.list || []);
       } catch (error) {
         console.error('Error fetching customer', error);
@@ -170,10 +165,6 @@ const EditFeeDialog = () => {
           order_field: sorting[0].id,
           order_direction: sorting[0].desc ? 'DESC' : 'ASC'
         });
-
-        // 🟡 Log daftar pelanggan saja (kalau respons pakai struktur {data: {list: [...]}})
-        console.log('TRANSACTION TYPE LIST: ', response?.data?.list);
-
         setTransactionTypes(response?.data.list || []);
       } catch (error) {
         console.error('Error fetching customer', error);
@@ -185,7 +176,6 @@ const EditFeeDialog = () => {
 
   const fetchTransactionFee = useCallback(async (id: string) => {
     const response = await GetData(`${API_URL}/transactionfees/getdata/${id}`, { id });
-    // console.log("API Response:", response);
 
     if (response?.status) {
       setFormField((prev) => ({
@@ -230,6 +220,24 @@ const EditFeeDialog = () => {
       fetchTransactionFee(selectedTransferFee);
     }
   }, [selectedTransferFee]);
+  const resetForm = () => {
+    setFormField({
+      name: '',
+      description: '',
+      minimum_amount: 0,
+      maximum_amount: 0,
+      period_start: '',
+      period_end: '',
+      deduct_amount: 0,
+      deduct_percentage: 0,
+      priority: '',
+      status: '',
+      status_include: '',
+      transaction_type: '',
+      updated_by: '',
+      updated_at: ''
+    });
+  };
 
   return (
     <Dialog open={showEditFeeDialog} onOpenChange={(open) => handleEditFeeDialog(open, null)}>
@@ -479,7 +487,10 @@ const EditFeeDialog = () => {
   </Select>
 </div> */}
                   <div className="flex justify-end pt-2.5 gap-5">
-                    <Button variant={'outline'} type="reset">
+                    <Button variant={'outline'} type="reset" 
+                                        onClick={() => {
+                                          resetForm();
+                                        }}>
                       Reset
                     </Button>
                     <Button variant={'default'} type="submit" disabled={isSubmitting}>