From 89b54f6f8725d40ccc9c240d20ab75fe74646715 Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Tue, 18 Nov 2025 22:51:29 +0700
Subject: [PATCH] refactor(FE-208,212): update PurchaseOrderDetail to
 conditionally render invoice based on update permissions

---
 .../pages/purchase/order/PurchaseOrderDetail.tsx   | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/components/pages/purchase/order/PurchaseOrderDetail.tsx b/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
index 74995b2e..d56b63da 100644
--- a/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
+++ b/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
@@ -20,7 +20,6 @@ import PurchaseOrderStaffApprovalForm from '@/components/pages/purchase/form/ord
 import PurchaseOrderAcceptApprovalForm from '@/components/pages/purchase/form/order/PurchaseOrderAcceptApprovalForm';
 import PurchaseOrderInvoice from '@/components/pages/purchase/order/PurchaseOrderInvoice';
 
-import { ApprovalStepStatus } from '@/components/pages/ApprovalSteps';
 import Card from '@/components/Card';
 import {
   CreateManagerApprovalRequestPayload,
@@ -575,17 +574,14 @@ const PurchaseOrderDetail = ({
                     Nomor PO
                   </span>
                   <div className='ml-3'>
-                    {purchaseData.po_number &&
+                    {canUpdatePurchaseItems &&
+                    purchaseData.po_number &&
                     purchaseData.po_number !== 'Belum dibuat' ? (
                       <PurchaseOrderInvoice data={purchaseData} />
                     ) : (
-                      <Button
-                        color='primary'
-                        className='w-fit min-w-32 flex items-center justify-start gap-1 px-2 py-1 text-sm font-mono'
-                        disabled
-                      >
-                        PO-MBU-01837
-                      </Button>
+                      <>
+                        : <i className='text-gray-400'>Belum dibuat</i>
+                      </>
                     )}
                   </div>
                 </div>