From 4c6ac6e8e10df7e9fddb14feed4554556c86014a Mon Sep 17 00:00:00 2001
From: rstubryan <restubumirr@gmail.com>
Date: Tue, 10 Feb 2026 14:04:44 +0700
Subject: [PATCH] refactor(FE): Refactor PdfStatusBadge to use a single style
 prop

---
 .../finance/export/CustomerPaymentExportPDF.tsx  |  8 +++++---
 .../finance/export/DebtSupllierExportPDF.tsx     | 16 ++++++++++------
 .../export/PurchasesPerSupplierExportPDF.tsx     |  8 +++++---
 3 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/src/components/pages/report/finance/export/CustomerPaymentExportPDF.tsx b/src/components/pages/report/finance/export/CustomerPaymentExportPDF.tsx
index 1c374e4b..b0cb5c8d 100644
--- a/src/components/pages/report/finance/export/CustomerPaymentExportPDF.tsx
+++ b/src/components/pages/report/finance/export/CustomerPaymentExportPDF.tsx
@@ -162,9 +162,11 @@ const getTableData = (
       value: item.status ? (
         <View style={{ alignItems: 'center' }}>
           <PdfStatusBadge
-            backgroundColor={getPDFBadgeStyle(item.status, 'payment').bg}
-            textColor={getPDFBadgeStyle(item.status, 'payment').text}
-            borderColor={getPDFBadgeStyle(item.status, 'payment').border}
+            style={{
+              backgroundColor: getPDFBadgeStyle(item.status, 'payment').bg,
+              color: getPDFBadgeStyle(item.status, 'payment').text,
+              borderColor: getPDFBadgeStyle(item.status, 'payment').border,
+            }}
           >
             {formatTitleCase(item.status)}
           </PdfStatusBadge>
diff --git a/src/components/pages/report/finance/export/DebtSupllierExportPDF.tsx b/src/components/pages/report/finance/export/DebtSupllierExportPDF.tsx
index b5c26525..849ce4ef 100644
--- a/src/components/pages/report/finance/export/DebtSupllierExportPDF.tsx
+++ b/src/components/pages/report/finance/export/DebtSupllierExportPDF.tsx
@@ -113,9 +113,11 @@ const getTableData = (rows: DebtSupplier['rows']): PdfTbodyCell[][] => {
         item.due_status && item.due_status !== '-' ? (
           <View style={{ alignItems: 'center' }}>
             <PdfStatusBadge
-              backgroundColor={getPDFBadgeStyle(item.due_status, 'due').bg}
-              textColor={getPDFBadgeStyle(item.due_status, 'due').text}
-              borderColor={getPDFBadgeStyle(item.due_status, 'due').border}
+              style={{
+                backgroundColor: getPDFBadgeStyle(item.due_status, 'due').bg,
+                color: getPDFBadgeStyle(item.due_status, 'due').text,
+                borderColor: getPDFBadgeStyle(item.due_status, 'due').border,
+              }}
             >
               {item.due_status}
             </PdfStatusBadge>
@@ -148,9 +150,11 @@ const getTableData = (rows: DebtSupplier['rows']): PdfTbodyCell[][] => {
         item.status && item.status !== '-' ? (
           <View style={{ alignItems: 'center' }}>
             <PdfStatusBadge
-              backgroundColor={getPDFBadgeStyle(item.status, 'payment').bg}
-              textColor={getPDFBadgeStyle(item.status, 'payment').text}
-              borderColor={getPDFBadgeStyle(item.status, 'payment').border}
+              style={{
+                backgroundColor: getPDFBadgeStyle(item.status, 'payment').bg,
+                color: getPDFBadgeStyle(item.status, 'payment').text,
+                borderColor: getPDFBadgeStyle(item.status, 'payment').border,
+              }}
             >
               {item.status}
             </PdfStatusBadge>
diff --git a/src/components/pages/report/logistic-stock/export/PurchasesPerSupplierExportPDF.tsx b/src/components/pages/report/logistic-stock/export/PurchasesPerSupplierExportPDF.tsx
index cc2b7976..3423ca69 100644
--- a/src/components/pages/report/logistic-stock/export/PurchasesPerSupplierExportPDF.tsx
+++ b/src/components/pages/report/logistic-stock/export/PurchasesPerSupplierExportPDF.tsx
@@ -144,9 +144,11 @@ const getTableData = (
       value: item.expedition ? (
         <View style={{ alignItems: 'center' }}>
           <PdfStatusBadge
-            backgroundColor='#DBEAFE'
-            textColor='#1E40AF'
-            borderColor='#60A5FA'
+            style={{
+              backgroundColor: '#DBEAFE',
+              color: '#1E40AF',
+              borderColor: '#60A5FA',
+            }}
           >
             {item.expedition}
           </PdfStatusBadge>