refactor(FE): Reset approval notes when opening/closing modals

src/components/pages/purchase/order/PurchaseOrderDetail.tsx

@@ -105,6 +105,7 @@ const PurchaseOrderDetail = ({
   const [rowSelection, setRowSelection] = useState<Record<string, boolean>>({});
   const [isDeleteLoading, setIsDeleteLoading] = useState(false);
   const [selectedItem, setSelectedItem] = useState<PurchaseItem | null>(null);
+  const [, setApprovalNotes] = useState('');
 
   const selectedRowIds = Object.keys(rowSelection).map((item) =>
     parseInt(item)
@@ -207,12 +208,15 @@ const PurchaseOrderDetail = ({
 
     switch (approvalStep) {
       case 1:
+        setApprovalNotes('');
         staffApprovalModal.openModal();
         break;
       case 2:
+        setApprovalNotes('');
         confirmationModalWithNotes.openModal();
         break;
       case 3:
+        setApprovalNotes('');
         acceptApprovalModal.openModal();
         break;
       default:
@@ -225,12 +229,15 @@ const PurchaseOrderDetail = ({
 
     switch (approvalStep) {
       case 1:
+        setApprovalNotes('');
         staffRejectionModal.openModal();
         break;
       case 2:
+        setApprovalNotes('');
         managerRejectionModal.openModal();
         break;
       case 3:
+        setApprovalNotes('');
         acceptRejectionModal.openModal();
         break;
       default:
@@ -978,11 +985,16 @@ const PurchaseOrderDetail = ({
             await createManagerApprovalHandler(payload);
             await refreshApprovals();
             await refetchData?.();
+            setApprovalNotes('');
             confirmationModalWithNotes.closeModal();
           },
         }}
         secondaryButton={{
           text: 'Batal',
+          onClick: () => {
+            setApprovalNotes('');
+            confirmationModalWithNotes.closeModal();
+          },
         }}
       />
 
@@ -1079,11 +1091,16 @@ const PurchaseOrderDetail = ({
 
             await createStaffApprovalHandler(payload);
             await refetchData?.();
+            setApprovalNotes('');
             staffRejectionModal.closeModal();
           },
         }}
         secondaryButton={{
           text: 'Batal',
+          onClick: () => {
+            setApprovalNotes('');
+            staffRejectionModal.closeModal();
+          },
         }}
       />
 
@@ -1106,11 +1123,16 @@ const PurchaseOrderDetail = ({
 
             await createAcceptApprovalHandler(payload);
             await refetchData?.();
+            setApprovalNotes('');
             acceptRejectionModal.closeModal();
           },
         }}
         secondaryButton={{
           text: 'Batal',
+          onClick: () => {
+            setApprovalNotes('');
+            acceptRejectionModal.closeModal();
+          },
         }}
       />
 
@@ -1133,11 +1155,16 @@ const PurchaseOrderDetail = ({
 
             await createManagerApprovalHandler(payload);
             await refetchData?.();
+            setApprovalNotes('');
             managerRejectionModal.closeModal();
           },
         }}
         secondaryButton={{
           text: 'Batal',
+          onClick: () => {
+            setApprovalNotes('');
+            managerRejectionModal.closeModal();
+          },
         }}
       />