2 files changed, 17 insertions, 0 deletions
diff --git a/packages/taler-wallet-webextension/src/wallet/Transaction.stories.tsx b/packages/taler-wallet-webextension/src/wallet/Transaction.stories.tsx
index 7f8db9066..68c42f821 100644
--- a/packages/taler-wallet-webextension/src/wallet/Transaction.stories.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Transaction.stories.tsx
@@ -344,6 +344,13 @@ export const Payment = tests.createExample(TestedComponent, {
   transaction: exampleData.payment,
 });
 
+export const PaymentWithPosConfirmation = tests.createExample(TestedComponent, {
+  transaction: {
+    ...exampleData.payment,
+    posConfirmation: "123123\n3345345\n567567",
+  },
+});
+
 export const PaymentError = tests.createExample(TestedComponent, {
   transaction: {
     ...exampleData.payment,
diff --git a/packages/taler-wallet-webextension/src/wallet/Transaction.tsx b/packages/taler-wallet-webextension/src/wallet/Transaction.tsx
index 9bcae8997..c4f3beaf5 100644
--- a/packages/taler-wallet-webextension/src/wallet/Transaction.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Transaction.tsx
@@ -56,6 +56,7 @@ import {
   Row,
   SmallLightText,
   SubTitle,
+  SuccessBox,
   WarningBox,
 } from "../components/styled/index.js";
 import { Time } from "../components/Time.js";
@@ -629,6 +630,15 @@ export function TransactionView({
             )}
           </InfoBox>
         )}
+        {transaction.posConfirmation ? (
+          <AlertView
+            alert={{
+              type: "info",
+              message: i18n.str`Confirmation code`,
+              description: transaction.posConfirmation as TranslatedString,
+            }}
+          />
+        ) : undefined}
         <Part
           title={i18n.str`Merchant`}
           text={<MerchantDetails merchant={transaction.info.merchant} />}