diff options
Diffstat (limited to 'packages/console/app/src/component')
| -rw-r--r-- | packages/console/app/src/component/workspace/billing-section.tsx | 17 | ||||
| -rw-r--r-- | packages/console/app/src/component/workspace/payment-section.tsx | 1 |
2 files changed, 12 insertions, 6 deletions
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> |