diff options
Diffstat (limited to 'packages/bank-ui/src/pages/WithdrawalConfirmationQuestion.tsx')
| -rw-r--r-- | packages/bank-ui/src/pages/WithdrawalConfirmationQuestion.tsx | 42 |
1 files changed, 25 insertions, 17 deletions
diff --git a/packages/bank-ui/src/pages/WithdrawalConfirmationQuestion.tsx b/packages/bank-ui/src/pages/WithdrawalConfirmationQuestion.tsx index 1eec8bfc2..853dd7bae 100644 --- a/packages/bank-ui/src/pages/WithdrawalConfirmationQuestion.tsx +++ b/packages/bank-ui/src/pages/WithdrawalConfirmationQuestion.tsx @@ -74,7 +74,10 @@ export function WithdrawalConfirmationQuestion({ const [notification, notify, handleError] = useLocalNotification(); - const { config, lib: { bank: api } } = useBankCoreApiContext(); + const { + config, + lib: { bank: api }, + } = useBankCoreApiContext(); async function doTransfer() { await handleError(async () => { @@ -223,20 +226,23 @@ export function WithdrawalConfirmationQuestion({ <dl class="divide-y divide-gray-100"> {((): VNode => { if (!details.account.isKnown) { - return <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> - Payment provider's account - </i18n.Translate> - </dt> - <dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0"> - {details.account.targetPath} - </dd> - </div> + return ( + <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> + Payment provider's account + </i18n.Translate> + </dt> + <dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0"> + {details.account.targetPath} + </dd> + </div> + ); } switch (details.account.targetType) { case "iban": { - const name = details.account.params["receiver-name"]; + const name = + details.account.params["receiver-name"]; return ( <Fragment> <div class="px-4 py-2 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0"> @@ -265,13 +271,15 @@ export function WithdrawalConfirmationQuestion({ ); } case "x-taler-bank": { - const name = details.account.params["receiver-name"]; + const name = + details.account.params["receiver-name"]; return ( <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> - Payment provider's account bank hostname + Payment provider's account bank + hostname </i18n.Translate> </dt> <dd class="mt-1 text-sm leading-6 text-gray-700 sm:col-span-2 sm:mt-0"> @@ -304,7 +312,8 @@ export function WithdrawalConfirmationQuestion({ ); } case "bitcoin": { - const name = details.account.params["receiver-name"]; + const name = + details.account.params["receiver-name"]; return ( <Fragment> <div class="px-4 py-2 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0"> @@ -333,9 +342,8 @@ export function WithdrawalConfirmationQuestion({ ); } default: { - assertUnreachable(details.account) + assertUnreachable(details.account); } - } })()} <div class="px-4 py-2 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-0"> |