refactor(FE-208,212): add refreshApprovals and onModalClose props to approval forms

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

@@ -544,11 +544,7 @@ const PurchaseOrderDetail = ({
               Approve
             </Button>
 
-            <Button
-              variant='outline'
-              color='error'
-              className='w-full sm:w-fit'
-            >
+            <Button variant='outline' color='error' className='w-full sm:w-fit'>
               <Icon icon='material-symbols:close' width={24} height={24} />
               Reject
             </Button>
@@ -864,6 +860,7 @@ const PurchaseOrderDetail = ({
             };
 
             await createManagerApprovalHandler(payload);
+            await refreshApprovals();
             confirmationModalWithNotes.closeModal();
           },
         }}
@@ -884,6 +881,8 @@ const PurchaseOrderDetail = ({
           type='add'
           initialValues={purchaseData}
           onCancel={handleStaffApprovalModalClose}
+          refreshApprovals={refreshApprovals}
+          onModalClose={staffApprovalModal.closeModal}
         />
       </Modal>
 
@@ -899,6 +898,8 @@ const PurchaseOrderDetail = ({
           type='add'
           initialValues={purchaseData}
           onCancel={acceptApprovalModal.closeModal}
+          refreshApprovals={refreshApprovals}
+          onModalClose={acceptApprovalModal.closeModal}
         />
       </Modal>
 
@@ -914,6 +915,8 @@ const PurchaseOrderDetail = ({
           type='edit'
           initialValues={purchaseData}
           onCancel={handleEditModalClose}
+          refreshApprovals={refreshApprovals}
+          onModalClose={editModal.closeModal}
         />
       </Modal>
 
@@ -929,6 +932,8 @@ const PurchaseOrderDetail = ({
           type='edit'
           initialValues={purchaseData}
           onCancel={penerimaanBarangModal.closeModal}
+          refreshApprovals={refreshApprovals}
+          onModalClose={penerimaanBarangModal.closeModal}
         />
       </Modal>