refactor(FE-208,212): update PurchaseOrderDetail to conditionally render invoice based on update permissions

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>