taler-typescript-core

commit d401e7dd02a6dd9bb4976c01485a1e29bb39b167
parent 20b970df25001c8095ad909d5377e3e42b38b976
Author: Florian Dold <dold@taler.net>
Date:   Tue, 25 Aug 2026 23:45:07 +0200

bank web UI: distinguish limits from account balance

Diffstat:
M
packages/libeufin-bank-webui/src/pages/PaytoWireTransferForm.tsx
 | 
8
+++++++-
M
packages/libeufin-bank-webui/src/pages/WalletWithdrawForm.tsx
 | 
8
+++++++-
M
packages/taler-harness/src/integrationtests/test-libeufin-bank-webui.ts
 | 
2
+-

3 files changed, 15 insertions(+), 3 deletions(-)
diff --git a/packages/libeufin-bank-webui/src/pages/PaytoWireTransferForm.tsx b/packages/libeufin-bank-webui/src/pages/PaytoWireTransferForm.tsx
@@ -331,7 +331,7 @@ export function PaytoWireTransferForm({
           </div>
           <div class="shrink-0 rounded-lg bg-white px-4 py-3 ring-1 ring-primary/15">
             <div class="text-xs font-medium uppercase tracking-wide text-gray-500">
-              <i18n.Translate>Available to transfer</i18n.Translate>
+              <i18n.Translate>Maximum transfer</i18n.Translate>
             </div>
             <div class="mt-1 text-lg font-semibold text-secondary">
               <RenderAmount
@@ -339,6 +339,12 @@ export function PaytoWireTransferForm({
                 spec={config.currency_specification}
               />
             </div>
+            <p class="mt-1 max-w-xs text-xs text-gray-500">
+              <i18n.Translate>
+                This is not your account balance. It includes any amount you
+                may borrow up to your debt limit.
+              </i18n.Translate>
+            </p>
           </div>
         </div>
 
diff --git a/packages/libeufin-bank-webui/src/pages/WalletWithdrawForm.tsx b/packages/libeufin-bank-webui/src/pages/WalletWithdrawForm.tsx
@@ -251,7 +251,7 @@ export function WithdrawalAmountForm({
           <div class="p-5 sm:p-6">
             <div class="rounded-lg bg-secondaryContainer px-4 py-4">
               <div class="text-sm font-medium text-secondary">
-                <i18n.Translate>Available to withdraw</i18n.Translate>
+                <i18n.Translate>Maximum withdrawal</i18n.Translate>
               </div>
               <div class="mt-1 text-2xl font-semibold text-brand">
                 <RenderAmount
@@ -259,6 +259,12 @@ export function WithdrawalAmountForm({
                   spec={config.currency_specification}
                 />
               </div>
+              <p class="mt-1 text-xs text-secondary">
+                <i18n.Translate>
+                  This is not your account balance. It includes any amount you
+                  may borrow up to your debt limit.
+                </i18n.Translate>
+              </p>
             </div>
 
             {!hasAvailableAmount ? (
diff --git a/packages/taler-harness/src/integrationtests/test-libeufin-bank-webui.ts b/packages/taler-harness/src/integrationtests/test-libeufin-bank-webui.ts
@@ -1151,7 +1151,7 @@ export async function runLibeufinBankWebuiMoneyFlowsTest(t: GlobalTestState) {
     ]);
     const withdrawalAmount = page.locator('input[name="withdraw-amount"]');
     await withdrawalAmount.fill("10");
-    await page.getByText("Available to withdraw", { exact: true }).waitFor();
+    await page.getByText("Maximum withdrawal", { exact: true }).waitFor();
     const amountFeeRow = page
       .getByText("Bank fee", { exact: true })
       .locator("..");