fix #7477

2 files changed, 15 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 812ef93c9..abbc883bd 100644
--- a/packages/taler-wallet-webextension/src/wallet/Transaction.stories.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Transaction.stories.tsx
@@ -110,6 +110,9 @@ const exampleData = {
   deposit: {
     ...commonTransaction,
     type: TransactionType.Deposit,
+    wireTransferDeadline: {
+      t_s: new Date().getTime() / 1000,
+    },
     depositGroupId: "#groupId",
     targetPaytoUri: "payto://x-taler-bank/bank.demo.taler.net/Exchange",
   } as TransactionDeposit,
diff --git a/packages/taler-wallet-webextension/src/wallet/Transaction.tsx b/packages/taler-wallet-webextension/src/wallet/Transaction.tsx
index 76bfe014b..8ccf15c14 100644
--- a/packages/taler-wallet-webextension/src/wallet/Transaction.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Transaction.tsx
@@ -524,6 +524,18 @@ export function TransactionView({
           text={<DepositDetails transaction={transaction} />}
           kind="neutral"
         />
+        <Part
+          title={<i18n.Translate>Wire transfer deadline</i18n.Translate>}
+          text={
+            <Time
+              timestamp={AbsoluteTime.fromTimestamp(
+                transaction.wireTransferDeadline,
+              )}
+              format="dd MMMM yyyy 'at' HH:mm"
+            />
+          }
+          kind="neutral"
+        />
       </TransactionTemplate>
     );
   }