diff options
Diffstat (limited to 'packages/console/app/src/component/workspace')
| -rw-r--r-- | packages/console/app/src/component/workspace/payment-section.module.css | 4 | ||||
| -rw-r--r-- | packages/console/app/src/component/workspace/payment-section.tsx | 4 |
2 files changed, 7 insertions, 1 deletions
diff --git a/packages/console/app/src/component/workspace/payment-section.module.css b/packages/console/app/src/component/workspace/payment-section.module.css index ea8e2ed42..2e1afe78b 100644 --- a/packages/console/app/src/component/workspace/payment-section.module.css +++ b/packages/console/app/src/component/workspace/payment-section.module.css @@ -40,6 +40,10 @@ &[data-slot="payment-amount"] { color: var(--color-text); + + &[data-refunded="true"] { + text-decoration: line-through; + } } } diff --git a/packages/console/app/src/component/workspace/payment-section.tsx b/packages/console/app/src/component/workspace/payment-section.tsx index 826ec7a55..5cdb0cd78 100644 --- a/packages/console/app/src/component/workspace/payment-section.tsx +++ b/packages/console/app/src/component/workspace/payment-section.tsx @@ -85,7 +85,9 @@ export function PaymentSection() { {formatDateForTable(date)} </td> <td data-slot="payment-id">{payment.id}</td> - <td data-slot="payment-amount">${((payment.amount ?? 0) / 100000000).toFixed(2)}</td> + <td data-slot="payment-amount" data-refunded={!!payment.timeRefunded}> + ${((payment.amount ?? 0) / 100000000).toFixed(2)} + </td> <td data-slot="payment-receipt"> <button onClick={async () => { |