Strike through voided items in transaction breakdown
Voids now show a grey strikethrough amount instead of a red minus, so a voided refund is no longer confused with a live one. Sign follows the original transaction (refunds keep the minus). Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
parent
af1560d58f
commit
4da0e72f4e
1 changed files with 6 additions and 2 deletions
|
|
@ -954,8 +954,12 @@ function TransactionChecklist({ breakdown, checked, onToggle }: {
|
||||||
<span style={{ fontSize: '0.7rem', color: 'var(--text-mid)' }}>
|
<span style={{ fontSize: '0.7rem', color: 'var(--text-mid)' }}>
|
||||||
{item.payment_type}
|
{item.payment_type}
|
||||||
</span>
|
</span>
|
||||||
<span style={{ fontSize: '0.8rem', fontWeight: 600, color: item.is_voided || isRefund ? 'var(--danger)' : undefined }}>
|
<span style={{
|
||||||
{item.is_voided || isRefund ? '-' : ''}{fmtGBP(Math.abs(item.amount))}
|
fontSize: '0.8rem', fontWeight: 600,
|
||||||
|
color: item.is_voided ? 'var(--text-mid)' : isRefund ? 'var(--danger)' : undefined,
|
||||||
|
textDecoration: item.is_voided ? 'line-through' : 'none',
|
||||||
|
}}>
|
||||||
|
{isRefund ? '-' : ''}{fmtGBP(Math.abs(item.amount))}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue