taler-typescript-core

commit ae1f12bc2d59cef9a8c2da0e4d2000e90b93650b
parent c975396cc0d6d4ea9f5077004b9348fd81db65ba
Author: Florian Dold <dold@taler.net>
Date:   Tue,  3 Nov 2026 09:43:22 +0100

wallet-webui: place the purchase link in the transaction status card

Diffstat:
M
packages/wallet-webui/src/screens/TransactionDetailScreen.tsx
 | 
42
+++++++++++++++++++++---------------------

1 file changed, 21 insertions(+), 21 deletions(-)
diff --git a/packages/wallet-webui/src/screens/TransactionDetailScreen.tsx b/packages/wallet-webui/src/screens/TransactionDetailScreen.tsx
@@ -162,6 +162,27 @@ export function TransactionDetailScreen(props: {
           <div>
             <h2 class="font-semibold">{transaction.state}</h2>
             <p class="mt-1 text-sm">{transaction.statusDetail}</p>
+            {transaction.fulfillmentUrl && (
+              <a
+                href={transaction.fulfillmentUrl}
+                target="_blank"
+                rel="noopener noreferrer"
+                class="mt-3 inline-block rounded-full px-4 py-3 font-semibold text-primary underline hover:bg-secondaryContainer"
+                onClick={(event) => {
+                  if (
+                    event.ctrlKey ||
+                    event.metaKey ||
+                    event.shiftKey ||
+                    event.altKey
+                  )
+                    return;
+                  event.preventDefault();
+                  props.onOpenExternal(transaction.fulfillmentUrl!);
+                }}
+              >
+                {i18n.str`Go to purchase`}
+              </a>
+            )}
           </div>
         </div>
       </Card>
@@ -258,27 +279,6 @@ export function TransactionDetailScreen(props: {
           heading={i18n.str`Order details`}
         />
       )}
-      {transaction.fulfillmentUrl && (
-        <a
-          href={transaction.fulfillmentUrl}
-          target="_blank"
-          rel="noopener noreferrer"
-          class="inline-block rounded-full px-4 py-3 font-semibold text-primary underline hover:bg-secondaryContainer"
-          onClick={(event) => {
-            if (
-              event.ctrlKey ||
-              event.metaKey ||
-              event.shiftKey ||
-              event.altKey
-            )
-              return;
-            event.preventDefault();
-            props.onOpenExternal(transaction.fulfillmentUrl!);
-          }}
-        >
-          {i18n.str`Go to purchase`}
-        </a>
-      )}
       {props.paymentReview?.state === "loading" && (
         <Card>
           <p role="status">{i18n.str`Loading payment details…`}</p>