taler-typescript-core

commit 974cd02066edc1a5b8279931d6b019f667051409
parent 2c6858a50129031db087126ddb2d099fa26e5ce6
Author: Sebastian <sebasjm@gmail.com>
Date:   Mon, 24 Apr 2023 14:53:01 -0300

fix #7749

Diffstat:
M
packages/taler-wallet-webextension/src/wallet/Transaction.stories.tsx
 | 
7
+++++++
M
packages/taler-wallet-webextension/src/wallet/Transaction.tsx
 | 
10
++++++++++

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