From edd6198999e956f9cccde0d67b8719b6b68188e3 Mon Sep 17 00:00:00 2001
From: Frank <frank@sst.dev>
Date: Tue, 23 Sep 2025 17:58:26 -0400
Subject: zen: refund

---
 .../console/app/src/component/workspace/payment-section.module.css    | 4 ++++
 packages/console/app/src/component/workspace/payment-section.tsx      | 4 +++-
 2 files changed, 7 insertions(+), 1 deletion(-)

(limited to 'packages/console/app/src/component/workspace')

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 () => {
-- 
cgit v1.2.3