From 5c9fa12347a382fad725a734030ff6d9f973be9e Mon Sep 17 00:00:00 2001
From: ValdiANS <rvdans002@gmail.com>
Date: Fri, 29 May 2026 17:11:42 +0700
Subject: [PATCH] feat: add copy button for PR and PO number

---
 .../purchase/order/PurchaseOrderDetail.tsx    | 46 +++++++++++++++++--
 1 file changed, 41 insertions(+), 5 deletions(-)

diff --git a/src/components/pages/purchase/order/PurchaseOrderDetail.tsx b/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
index 8b17a076..e10d2c3c 100644
--- a/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
+++ b/src/components/pages/purchase/order/PurchaseOrderDetail.tsx
@@ -847,9 +847,25 @@ const PurchaseOrderDetail = ({
                   <span className='font-medium text-gray-600 min-w-[140px] shrink-0'>
                     Nomor
                   </span>
-                  <span className='text-gray-900 ml-3 break-all'>
-                    : {purchaseData.pr_number}
-                  </span>
+                  <div className='flex items-center gap-1'>
+                    <span className='text-gray-900 ml-3 break-all'>
+                      : {purchaseData.pr_number}
+                    </span>
+                    <Button
+                      type='button'
+                      variant='ghost'
+                      color='none'
+                      className='p-1 min-h-0 h-auto'
+                      onClick={() => {
+                        navigator.clipboard.writeText(
+                          purchaseData.pr_number || ''
+                        );
+                        toast.success('Nomor berhasil disalin');
+                      }}
+                    >
+                      <Icon icon='mdi:content-copy' width={14} height={14} />
+                    </Button>
+                  </div>
                 </div>
               </div>
               <div className='group'>
@@ -857,11 +873,31 @@ const PurchaseOrderDetail = ({
                   <span className='font-medium text-gray-600 min-w-[140px] shrink-0'>
                     Nomor PO
                   </span>
-                  <div className='ml-3'>
+                  <div className='ml-3 flex items-center gap-1'>
                     {canShowPurchaseOrderInvoice &&
                     purchaseData.po_number &&
                     purchaseData.po_number !== 'Belum dibuat' ? (
-                      <PurchaseOrderInvoice data={purchaseData} />
+                      <>
+                        <PurchaseOrderInvoice data={purchaseData} />
+                        <Button
+                          type='button'
+                          variant='ghost'
+                          color='none'
+                          className='p-1 min-h-0 h-auto'
+                          onClick={() => {
+                            navigator.clipboard.writeText(
+                              purchaseData.po_number || ''
+                            );
+                            toast.success('Nomor PO berhasil disalin');
+                          }}
+                        >
+                          <Icon
+                            icon='mdi:content-copy'
+                            width={14}
+                            height={14}
+                          />
+                        </Button>
+                      </>
                     ) : (
                       <>
                         : <i className='text-gray-400'>Belum dibuat</i>