From 9d6455167f1bdccfb2f87c0aeb704379cb06cef9 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Wed, 19 Nov 2025 11:40:47 +0700
Subject: [PATCH] refactor(FE-208,212): enhance approval button layout and add
 reject option in PurchaseOrderDetail

---
 .../purchase/order/PurchaseOrderDetail.tsx    | 40 ++++++++++++++-----
 1 file changed, 30 insertions(+), 10 deletions(-)

diff --git a/src/components/pages/purchase/order/PurchaseOrderDetail.tsx b/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
index c266df9c..3e2bc913 100644
--- a/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
+++ b/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
@@ -522,17 +522,37 @@ const PurchaseOrderDetail = ({
   return (
     <section className='w-full'>
       {/* Approval and Action Buttons */}
-      <div className='flex flex-wrap gap-3 my-6'>
+      <div className='flex justify-between items-center w-full my-6'>
+        <Button
+          href='/purchase'
+          variant='link'
+          className='w-fit p-0 text-primary'
+        >
+          <Icon icon='uil:arrow-left' width={24} height={24} />
+          Kembali
+        </Button>
+
         {showApprovalButton && (
-          <Button
-            onClick={handleApprovalClick}
-            variant='outline'
-            color='success'
-            className='w-full sm:w-fit'
-          >
-            <Icon icon='material-symbols:check' width={20} height={20} />
-            Approve
-          </Button>
+          <div className='flex flex-row gap-2'>
+            <Button
+              onClick={handleApprovalClick}
+              variant='outline'
+              color='success'
+              className='w-full sm:w-fit'
+            >
+              <Icon icon='material-symbols:check' width={24} height={24} />
+              Approve
+            </Button>
+
+            <Button
+              variant='outline'
+              color='error'
+              className='w-full sm:w-fit'
+            >
+              <Icon icon='material-symbols:close' width={24} height={24} />
+              Reject
+            </Button>
+          </div>
         )}
       </div>