taler-typescript-core

commit ca07587ee1c142079614fee425b5bbdfec1f6367
parent 3ae9c9603d1a459e07221c91af324e31033924c8
Author: Sebastian <sebasjm@gmail.com>
Date:   Tue, 11 Jun 2024 12:51:49 -0300

also inform the wire fee on bank integrated withdrawal

Diffstat:
M
packages/bank-ui/src/pages/WithdrawalConfirmationQuestion.tsx
 | 
23
+++++++++++++++++++++++

1 file changed, 23 insertions(+), 0 deletions(-)
diff --git a/packages/bank-ui/src/pages/WithdrawalConfirmationQuestion.tsx b/packages/bank-ui/src/pages/WithdrawalConfirmationQuestion.tsx
@@ -17,6 +17,7 @@
 import {
   AbsoluteTime,
   AmountJson,
+  Amounts,
   HttpStatusCode,
   PaytoUri,
   PaytoUriIBAN,
@@ -79,6 +80,11 @@ export function WithdrawalConfirmationQuestion({
     lib: { bank: api },
   } = useBankCoreApiContext();
 
+  const wireFee =
+    config.wire_transfer_fees === undefined
+      ? Amounts.zeroOfCurrency(config.currency)
+      : Amounts.parseOrThrow(config.wire_transfer_fees);
+
   async function doTransfer() {
     await handleError(async () => {
       if (!creds) return;
@@ -357,6 +363,23 @@ export function WithdrawalConfirmationQuestion({
                               />
                             </dd>
                           </div>
+                          {Amounts.isZero(wireFee) ? undefined : (
+                            <Fragment>
+                              <div class="px-4 py-2 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0">
+                                <dt class="text-sm font-medium leading-6 text-gray-900">
+                                  <i18n.Translate>Cost</i18n.Translate>
+                                </dt>
+                                <dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0">
+                                  <RenderAmount
+                                    value={wireFee}
+                                    negative
+                                    withColor
+                                    spec={config.currency_specification}
+                                  />
+                                </dd>
+                              </div>
+                            </Fragment>
+                          )}
                         </dl>
                       </div>
                     </div>