From bfcdb9883da1cc52a9817aa54ca2fe0f1e1f3b2f Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Wed, 7 Jan 2026 14:53:24 +0700
Subject: [PATCH] refactor(FE): Move purchase order error alert below heading

---
 .../order/PurchaseOrderAcceptApprovalForm.tsx | 17 +++++++++-------
 .../order/PurchaseOrderStaffApprovalForm.tsx  | 20 +++++++++----------
 2 files changed, 20 insertions(+), 17 deletions(-)

diff --git a/src/components/pages/purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx b/src/components/pages/purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx
index 1f0b3fc5..55f399e6 100644
--- a/src/components/pages/purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx
+++ b/src/components/pages/purchase/form/order/PurchaseOrderAcceptApprovalForm.tsx
@@ -352,19 +352,22 @@ const PurchaseOrderAcceptApprovalForm = ({
       onSubmit={formik.handleSubmit}
       className='w-full flex flex-col gap-6'
     >
-      {purchaseOrderFormErrorMessage && (
-        <div role='alert' className='alert alert-error'>
-          <Icon icon='material-symbols:error-outline' width={24} height={24} />
-          <span>{purchaseOrderFormErrorMessage}</span>
-        </div>
-      )}
       <div className='w-full'>
         <h2 className='text-lg font-semibold mb-4'>
           {type === 'add'
             ? 'Konfirmasi Penerimaan Produk'
             : 'Edit Penerimaan Produk'}
         </h2>
-
+        {purchaseOrderFormErrorMessage && (
+          <div role='alert' className='alert alert-error'>
+            <Icon
+              icon='material-symbols:error-outline'
+              width={24}
+              height={24}
+            />
+            <span>{purchaseOrderFormErrorMessage}</span>
+          </div>
+        )}
         <div className='overflow-x-auto'>
           <table className='table'>
             <thead>
diff --git a/src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx b/src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx
index 7063ba93..95ca2f50 100644
--- a/src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx
+++ b/src/components/pages/purchase/form/order/PurchaseOrderStaffApprovalForm.tsx
@@ -656,22 +656,22 @@ const PurchaseOrderStaffApprovalForm = ({
         onSubmit={formik.handleSubmit}
         className='w-full flex flex-col gap-6'
       >
-        {purchaseOrderFormErrorMessage && (
-          <div role='alert' className='alert alert-error'>
-            <Icon
-              icon='material-symbols:error-outline'
-              width={24}
-              height={24}
-            />
-            <span>{purchaseOrderFormErrorMessage}</span>
-          </div>
-        )}
         <div className='w-full'>
           <h2 className='text-lg font-semibold mb-4'>
             {type === 'add'
               ? 'Konfirmasi Item Pembelian'
               : 'Edit Item Pembelian'}
           </h2>
+          {purchaseOrderFormErrorMessage && (
+            <div role='alert' className='alert alert-error'>
+              <Icon
+                icon='material-symbols:error-outline'
+                width={24}
+                height={24}
+              />
+              <span>{purchaseOrderFormErrorMessage}</span>
+            </div>
+          )}
           <div className='overflow-x-auto'>
             {groupedPurchaseItems.length > 0 ? (
               <div>