From c7fbf9de441a0f58e1acc83f0d39a7d22884ede0 Mon Sep 17 00:00:00 2001
From: Jay V <air@live.ca>
Date: Fri, 19 Sep 2025 13:29:04 -0400
Subject: ignore: zen

---
 .../app/src/component/workspace/billing-section.tsx     | 17 ++++++++++++-----
 .../app/src/component/workspace/payment-section.tsx     |  1 -
 2 files changed, 12 insertions(+), 6 deletions(-)

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

diff --git a/packages/console/app/src/component/workspace/billing-section.tsx b/packages/console/app/src/component/workspace/billing-section.tsx
index 57316e208..fa7126c76 100644
--- a/packages/console/app/src/component/workspace/billing-section.tsx
+++ b/packages/console/app/src/component/workspace/billing-section.tsx
@@ -174,11 +174,18 @@ export function BillingSection() {
           </div>
         </div>
         <div data-slot="usage">
-          <Show when={!balanceInfo()?.reload && !(balanceAmount() === "0.00" || balanceAmount() === "-0.00")}>
-            <p>
-              You have <b data-slot="value">${balanceAmount() === "-0.00" ? "0.00" : balanceAmount()}</b> remaining in
-              your account. You can continue using the API with your remaining balance.
-            </p>
+          <Show when={!balanceInfo()?.reload}>
+            <Show
+              when={!(balanceAmount() === "0.00" || balanceAmount() === "-0.00")}
+              fallback={
+                <p>We'll load <b>$20</b> (+$1.23 processing fee) and reload it when it reaches <b>$5</b>.</p>
+              }
+            >
+              <p>
+                You have <b data-slot="value">${balanceAmount() === "-0.00" ? "0.00" : balanceAmount()}</b> remaining in
+                your account. You can continue using the API with your remaining balance.
+              </p>
+            </Show>
           </Show>
           <Show when={balanceInfo()?.reload && !balanceInfo()?.reloadError}>
             <p>
diff --git a/packages/console/app/src/component/workspace/payment-section.tsx b/packages/console/app/src/component/workspace/payment-section.tsx
index 7be51a581..826ec7a55 100644
--- a/packages/console/app/src/component/workspace/payment-section.tsx
+++ b/packages/console/app/src/component/workspace/payment-section.tsx
@@ -95,7 +95,6 @@ export function PaymentSection() {
                             }
                           }}
                           data-slot="receipt-button"
-                          style="cursor: pointer;"
                         >
                           view
                         </button>
-- 
cgit v1.2.3