fix #8693

1 files changed, 44 insertions, 0 deletions

diff --git a/packages/taler-wallet-webextension/src/components/HistoryItem.tsx b/packages/taler-wallet-webextension/src/components/HistoryItem.tsx
index 4b44365ea..8bdd98f6a 100644
--- a/packages/taler-wallet-webextension/src/components/HistoryItem.tsx
+++ b/packages/taler-wallet-webextension/src/components/HistoryItem.tsx
@@ -23,6 +23,7 @@ import {
   TransactionType,
   WithdrawalType,
   TransactionMajorState,
+  DenomLossEventType,
 } from "@gnu-taler/taler-util";
 import { h, VNode } from "preact";
 import { useTranslationContext } from "@gnu-taler/web-util/browser";
@@ -240,6 +241,49 @@ export function HistoryItem(props: { tx: Transaction }): VNode {
           }
         />
       );
+    case TransactionType.DenomLoss:
+      switch (tx.lossEventType) {
+        case DenomLossEventType.DenomExpired: {
+          return <Layout
+            id={tx.transactionId}
+            amount={tx.amountEffective}
+            debitCreditIndicator={"debit"}
+            title={i18n.str`Denomination expired`}
+            timestamp={AbsoluteTime.fromPreciseTimestamp(tx.timestamp)}
+            iconPath={"L"}
+            currentState={tx.txState.major}
+            description={undefined}
+          />
+        }
+        case DenomLossEventType.DenomVanished: {
+          return <Layout
+            id={tx.transactionId}
+            amount={tx.amountEffective}
+            debitCreditIndicator={"debit"}
+            title={i18n.str`Denomination vanished`}
+            timestamp={AbsoluteTime.fromPreciseTimestamp(tx.timestamp)}
+            iconPath={"L"}
+            currentState={tx.txState.major}
+            description={undefined}
+          />
+        }
+        case DenomLossEventType.DenomUnoffered: {
+
+          return <Layout
+            id={tx.transactionId}
+            amount={tx.amountEffective}
+            debitCreditIndicator={"debit"}
+            title={i18n.str`Denomination unoffered`}
+            timestamp={AbsoluteTime.fromPreciseTimestamp(tx.timestamp)}
+            iconPath={"L"}
+            currentState={tx.txState.major}
+            description={undefined}
+          />
+        }
+        default: {
+          assertUnreachable(tx.lossEventType)
+        }
+      }
     case TransactionType.Recoup:
       throw Error("recoup transaction not implemented");
     default: {