gitea-admin/lti-web-client
1
0
Fork 0
mirror of https://gitlab.com/mbugroup/lti-web-client.git synced 2026-05-24 23:35:45 +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 ? ( value: item.status ? (
<View style={{ alignItems: 'center' }}> <View style={{ alignItems: 'center' }}>
<PdfStatusBadge <PdfStatusBadge
backgroundColor={getPDFBadgeStyle(item.status, 'payment').bg} style={{
textColor={getPDFBadgeStyle(item.status, 'payment').text} backgroundColor: getPDFBadgeStyle(item.status, 'payment').bg,
borderColor={getPDFBadgeStyle(item.status, 'payment').border} color: getPDFBadgeStyle(item.status, 'payment').text,
borderColor: getPDFBadgeStyle(item.status, 'payment').border,
}}
> >
{formatTitleCase(item.status)} {formatTitleCase(item.status)}
</PdfStatusBadge> </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 !== '-' ? ( item.due_status && item.due_status !== '-' ? (
<View style={{ alignItems: 'center' }}> <View style={{ alignItems: 'center' }}>
<PdfStatusBadge <PdfStatusBadge
backgroundColor={getPDFBadgeStyle(item.due_status, 'due').bg} style={{
textColor={getPDFBadgeStyle(item.due_status, 'due').text} backgroundColor: getPDFBadgeStyle(item.due_status, 'due').bg,
borderColor={getPDFBadgeStyle(item.due_status, 'due').border} color: getPDFBadgeStyle(item.due_status, 'due').text,
borderColor: getPDFBadgeStyle(item.due_status, 'due').border,
}}
> >
{item.due_status} {item.due_status}
</PdfStatusBadge> </PdfStatusBadge>
@@ -148,9 +150,11 @@ const getTableData = (rows: DebtSupplier['rows']): PdfTbodyCell[][] => {
item.status && item.status !== '-' ? ( item.status && item.status !== '-' ? (
<View style={{ alignItems: 'center' }}> <View style={{ alignItems: 'center' }}>
<PdfStatusBadge <PdfStatusBadge
backgroundColor={getPDFBadgeStyle(item.status, 'payment').bg} style={{
textColor={getPDFBadgeStyle(item.status, 'payment').text} backgroundColor: getPDFBadgeStyle(item.status, 'payment').bg,
borderColor={getPDFBadgeStyle(item.status, 'payment').border} color: getPDFBadgeStyle(item.status, 'payment').text,
borderColor: getPDFBadgeStyle(item.status, 'payment').border,
}}
> >
{item.status} {item.status}
</PdfStatusBadge> </PdfStatusBadge>
src/components/pages/report/logistic-stock/export/PurchasesPerSupplierExportPDF.tsx
+5 -3
View File
@@ -144,9 +144,11 @@ const getTableData = (
value: item.expedition ? ( value: item.expedition ? (
<View style={{ alignItems: 'center' }}> <View style={{ alignItems: 'center' }}>
<PdfStatusBadge <PdfStatusBadge
backgroundColor='#DBEAFE' style={{
textColor='#1E40AF' backgroundColor: '#DBEAFE',
borderColor='#60A5FA' color: '#1E40AF',
borderColor: '#60A5FA',
}}
> >
{item.expedition} {item.expedition}
</PdfStatusBadge> </PdfStatusBadge>