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:
jtricerolph 2026-09-21 12:50:06 +00:00
parent af1560d58f
commit 4da0e72f4e

View file

@ -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>
) )