gitea-admin/lti-web-client
1
0
Fork 0
mirror of https://gitlab.com/mbugroup/lti-web-client.git synced 2026-05-20 13:32:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(FE): Refactor PdfStatusBadge to use a single style prop

Browse Source
This commit is contained in:
rstubryan
2026-02-10 14:04:44 +07:00
parent 5cc51c52d9
commit 4c6ac6e8e1
3 changed files with 20 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/pages/report/finance/export/CustomerPaymentExportPDF.tsx
+5 -3
View File
@@ -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>
src/components/pages/report/finance/export/DebtSupllierExportPDF.tsx
+10 -6
View File
@@ -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>
src/components/pages/report/logistic-stock/export/PurchasesPerSupplierExportPDF.tsx
+5 -3
View File
@@ -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>