taler-typescript-core

commit e2ddbdb6c6abf115ec4c1d7c9fe7296d80325b74
parent 23031fc5d2255fd314eb8c80756393c18d84e02f
Author: Sebastian <sebasjm@gmail.com>
Date:   Thu, 20 Jun 2024 18:15:57 -0300

show 'go to wallet' on succesful withdrawal

Diffstat:
M
packages/bank-ui/src/pages/WithdrawalQRCode.tsx
 | 
15
++++++++++++---

1 file changed, 12 insertions(+), 3 deletions(-)
diff --git a/packages/bank-ui/src/pages/WithdrawalQRCode.tsx b/packages/bank-ui/src/pages/WithdrawalQRCode.tsx
@@ -21,6 +21,7 @@ import {
   WithdrawUriResult,
   assertUnreachable,
   parsePaytoUri,
+  stringifyWithdrawUri,
 } from "@gnu-taler/taler-util";
 import {
   Attention,
@@ -122,6 +123,7 @@ export function WithdrawalQRCode({
       </div>
     );
   }
+  const talerWithdrawUri = stringifyWithdrawUri(withdrawUri);
 
   if (data.status === "confirmed") {
     return (
@@ -161,13 +163,20 @@ export function WithdrawalQRCode({
             </div>
           </div>
         </div>
-        <div class="mt-5 sm:mt-6">
+        <div class="mt-5 sm:mt-6 items-center justify-between gap-x-2 flex">
           <a
             href={routeClose.url({})}
             name="done"
-            class="inline-flex w-full justify-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
+            class="inline-flex  justify-center rounded-md bg-white-600 px-3 py-2 text-sm font-semibold text-black shadow-sm "
+          >
+            <i18n.Translate>Close</i18n.Translate>
+          </a>
+          <a
+            href={talerWithdrawUri}
+            name="done"
+            class="inline-flex  justify-center rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
           >
-            <i18n.Translate>Done</i18n.Translate>
+            <i18n.Translate>Go to wallet</i18n.Translate>
           </a>
         </div>
       </div>