From 974cd02066edc1a5b8279931d6b019f667051409 Mon Sep 17 00:00:00 2001
From: Sebastian <sebasjm@gmail.com>
Date: Mon, 24 Apr 2023 14:53:01 -0300
Subject: [PATCH] fix #7749

---
 .../src/wallet/Transaction.stories.tsx                 |  7 +++++++
 .../src/wallet/Transaction.tsx                         | 10 ++++++++++
 2 files changed, 17 insertions(+)

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} />}