1 files changed, 19 insertions, 2 deletions
diff --git a/packages/bank-ui/src/pages/WalletWithdrawForm.tsx b/packages/bank-ui/src/pages/WalletWithdrawForm.tsx
index 001d90fa1..8c831199a 100644
--- a/packages/bank-ui/src/pages/WalletWithdrawForm.tsx
+++ b/packages/bank-ui/src/pages/WalletWithdrawForm.tsx
@@ -39,18 +39,20 @@ import { usePreferences } from "../hooks/preferences.js";
 import { RouteDefinition } from "../route.js";
 import { undefinedIfEmpty } from "../utils.js";
 import { OperationState } from "./OperationState/index.js";
-import { InputAmount, doAutoFocus } from "./PaytoWireTransferForm.js";
+import { InputAmount, RenderAmount, doAutoFocus } from "./PaytoWireTransferForm.js";
 
 const RefAmount = forwardRef(InputAmount);
 
 function OldWithdrawalForm({
   onOperationCreated,
   limit,
+  balance,
   routeCancel,
   focus,
   routeOperationDetails,
 }: {
   limit: AmountJson;
+  balance: AmountJson;
   focus?: boolean;
   routeOperationDetails: RouteDefinition<{ wopid: string }>,
   onOperationCreated: (wopid: string) => void;
@@ -63,7 +65,7 @@ function OldWithdrawalForm({
   // const { navigateTo } = useNavigationContext();
 
   const [bankState, updateBankState] = useBankState();
-  const { bank: api } = useBankCoreApiContext();
+  const { bank: api, config } = useBankCoreApiContext();
 
   const { state: credentials } = useSessionState();
   const creds = credentials.status !== "loggedIn" ? undefined : credentials;
@@ -209,6 +211,18 @@ function OldWithdrawalForm({
             />
           </div>
         </div>
+        <p class="mt-2 text-sm text-gray-500">
+          <i18n.Translate>
+            Current balance is <RenderAmount value={balance} spec={config.currency_specification} />
+          </i18n.Translate>
+        </p>
+        {Amounts.cmp(limit, balance) > 0 ?
+          <p class="mt-2 text-sm text-gray-500">
+            <i18n.Translate>
+              Your account allows you to withdraw <RenderAmount value={limit} spec={config.currency_specification} />
+            </i18n.Translate>
+          </p> : undefined
+        }
         <div class="mt-4">
           <div class="sm:inline">
             <button
@@ -288,6 +302,7 @@ function OldWithdrawalForm({
 export function WalletWithdrawForm({
   focus,
   limit,
+  balance,
   routeCancel,
   onAuthorizationRequired,
   onOperationCreated,
@@ -295,6 +310,7 @@ export function WalletWithdrawForm({
   routeOperationDetails,
 }: {
   limit: AmountJson;
+  balance: AmountJson;
   focus?: boolean;
   routeOperationDetails: RouteDefinition<{ wopid: string }>,
   onAuthorizationRequired: () => void;
@@ -347,6 +363,7 @@ export function WalletWithdrawForm({
             focus={focus}
             routeOperationDetails={routeOperationDetails}
             limit={limit}
+            balance={balance}
             routeCancel={routeCancel}
             onOperationCreated={onOperationCreated}
           />