Fix: improve financial visibility with dynamic headers and paid labels in Portal

This commit is contained in:
Sidney 2026-05-14 14:21:21 -03:00
parent c55ec728e1
commit e5e3c5e751
1 changed files with 14 additions and 2 deletions

View File

@ -307,7 +307,10 @@ export default function Financeiro() {
<th>Vencimento</th> <th>Vencimento</th>
<th>Valor</th> <th>Valor</th>
<th>Desconto</th> <th>Desconto</th>
<th>A Pagar</th> <th>
{filter === 'paid' ? 'Valor Pago' :
filter === 'all' ? 'Valor / A Pagar' : 'A Pagar'}
</th>
<th>Status</th> <th>Status</th>
<th>Ação</th> <th>Ação</th>
</tr> </tr>
@ -343,7 +346,16 @@ export default function Financeiro() {
fontWeight: 600, fontWeight: 600,
color: normalizeStatus(payment) === 'overdue' ? 'var(--color-danger)' : 'var(--color-primary-light)' color: normalizeStatus(payment) === 'overdue' ? 'var(--color-danger)' : 'var(--color-primary-light)'
}}> }}>
<div style={{ display: 'flex', flexDirection: 'column' }}>
<span style={{ color: normalizeStatus(payment) === 'paid' ? 'var(--color-success)' : 'inherit' }}>
{formatCurrency(getEffectiveValue(payment))} {formatCurrency(getEffectiveValue(payment))}
</span>
{normalizeStatus(payment) === 'paid' && (
<span style={{ fontSize: '0.65rem', color: 'var(--color-success)', fontWeight: 700, marginTop: -2 }}>
PAGO
</span>
)}
</div>
</td> </td>
<td data-label="Status">{getStatusBadge(payment)}</td> <td data-label="Status">{getStatusBadge(payment)}</td>
<td> <td>