refactor(FE): Style accounts receivable in red and adjust badge

This commit is contained in:
rstubryan
2026-01-13 15:32:39 +07:00
parent 60eaec261d
commit 34d7310cc9
@@ -154,6 +154,9 @@ const pdfStyles = StyleSheet.create({
backgroundColor: '#F97316', backgroundColor: '#F97316',
color: '#FFFFFF', color: '#FFFFFF',
}, },
textError: {
color: '#DC2626',
},
parameterBadge: { parameterBadge: {
backgroundColor: '#F5F5F5', backgroundColor: '#F5F5F5',
color: '#333333', color: '#333333',
@@ -389,7 +392,9 @@ const createPDFDocument = (params: CustomerPaymentExportPDFParams) => {
<Text>{formatCurrency(item.payment)}</Text> <Text>{formatCurrency(item.payment)}</Text>
</View> </View>
<View style={[pdfStyles.tableCellRight, { flex: 1.2 }]}> <View style={[pdfStyles.tableCellRight, { flex: 1.2 }]}>
<Text>{formatCurrency(item.accounts_receivable)}</Text> <Text style={pdfStyles.textError}>
{formatCurrency(item.accounts_receivable)}
</Text>
</View> </View>
<View style={[pdfStyles.tableCell, { flex: 1.5 }]}> <View style={[pdfStyles.tableCell, { flex: 1.5 }]}>
{item.notes ? ( {item.notes ? (
@@ -483,7 +488,7 @@ const createPDFDocument = (params: CustomerPaymentExportPDFParams) => {
</Text> </Text>
</View> </View>
<View style={[pdfStyles.tableCellRight, { flex: 1.2 }]}> <View style={[pdfStyles.tableCellRight, { flex: 1.2 }]}>
<Text> <Text style={pdfStyles.textError}>
{formatCurrency( {formatCurrency(
customerReport.summary.total_accounts_receivable customerReport.summary.total_accounts_receivable
)} )}