diff options
| author | Sebastian <sebasjm@gmail.com> | 2023-09-22 18:34:49 -0300 |
|---|---|---|
| committer | Sebastian <sebasjm@gmail.com> | 2023-09-25 14:50:44 -0300 |
| commit | 15af6c619de70336bcdfbabbd32b9d93aabefc5b (patch) | |
| tree | 5dff83b07f9ffcb26cd4eb595f9e80f549ae25b5 /packages/demobank-ui/src/pages/WalletWithdrawForm.tsx | |
| parent | 5640f0a67dcc31fa2b5fa0992abca8a55bc00dd8 (diff) | |
| download | wallet-core-15af6c619de70336bcdfbabbd32b9d93aabefc5b.tar.gz wallet-core-15af6c619de70336bcdfbabbd32b9d93aabefc5b.tar.bz2 wallet-core-15af6c619de70336bcdfbabbd32b9d93aabefc5b.zip | |
towards new core bank api
Diffstat (limited to 'packages/demobank-ui/src/pages/WalletWithdrawForm.tsx')
| -rw-r--r-- | packages/demobank-ui/src/pages/WalletWithdrawForm.tsx | 50 |
1 files changed, 32 insertions, 18 deletions
diff --git a/packages/demobank-ui/src/pages/WalletWithdrawForm.tsx b/packages/demobank-ui/src/pages/WalletWithdrawForm.tsx index 8dbdd9da6..e16825527 100644 --- a/packages/demobank-ui/src/pages/WalletWithdrawForm.tsx +++ b/packages/demobank-ui/src/pages/WalletWithdrawForm.tsx @@ -59,27 +59,41 @@ function OldWithdrawalForm({ goToConfirmOperation, limit, onCancel, focus }: { }, [focus]); if (!!settings.currentWithdrawalOperationId) { - return <div class="rounded-md bg-yellow-50 ring-yellow-2 p-4"> - <div class="flex"> - <div class="flex-shrink-0"> - <svg class="h-5 w-5 text-yellow-300" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> - <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z" clip-rule="evenodd" /> - </svg> - </div> - <div class="ml-3"> - <h3 class="text-sm font-bold text-yellow-800"> - <i18n.Translate>There is an operation already</i18n.Translate> - </h3> - <div class="mt-2 text-sm text-yellow-700"> - <p> - <i18n.Translate> - To complete or cancel the operation click <a class="font-semibold text-yellow-700 hover:text-yellow-600" href={`#/operation/${settings.currentWithdrawalOperationId}`}>here</a> - </i18n.Translate> - </p> + return <div> + + <div class="rounded-md bg-yellow-50 ring-yellow-2 p-4"> + <div class="flex"> + <div class="flex-shrink-0"> + <svg class="h-5 w-5 text-yellow-300" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> + <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z" clip-rule="evenodd" /> + </svg> + </div> + <div class="ml-3"> + <h3 class="text-sm font-bold text-yellow-800"> + <i18n.Translate>There is an operation already</i18n.Translate> + </h3> + <div class="mt-2 text-sm text-yellow-700"> + <p> + <i18n.Translate> + To complete or cancel the operation click <a class="font-semibold text-yellow-700 hover:text-yellow-600" href={`#/operation/${settings.currentWithdrawalOperationId}`}>here</a> + </i18n.Translate> + </p> + </div> + + </div> </div> + </div > + <div class="flex justify-end gap-x-6 border-t border-gray-900/10 px-4 py-4 sm:px-8 " > + <button type="button" class="text-sm font-semibold leading-6 text-gray-900 bg-white p-2 rounded-sm" + onClick={() => { + updateSettings("currentWithdrawalOperationId", undefined) + onCancel() + }} + > + <i18n.Translate>Cancel</i18n.Translate> + </button> </div> </div> - </div > } const trimmedAmountStr = amountStr?.trim(); |