1 files changed, 10 insertions, 25 deletions
diff --git a/packages/taler-wallet-webextension/src/components/BankDetailsByPaytoType.tsx b/packages/taler-wallet-webextension/src/components/BankDetailsByPaytoType.tsx
index 6f4980aff..d233547a4 100644
--- a/packages/taler-wallet-webextension/src/components/BankDetailsByPaytoType.tsx
+++ b/packages/taler-wallet-webextension/src/components/BankDetailsByPaytoType.tsx
@@ -19,6 +19,7 @@ import {
   Amounts,
   PaytoUri,
   segwitMinAmount,
+  TranslatedString,
 } from "@gnu-taler/taler-util";
 import { Fragment, h, VNode } from "preact";
 import { useEffect, useRef, useState } from "preact/hooks";
@@ -106,27 +107,18 @@ export function BankDetailsByPaytoType({
   }
 
   const accountPart = !payto.isKnown ? (
-    <Row
-      name={<i18n.Translate>Account</i18n.Translate>}
-      value={payto.targetPath}
-    />
+    <Row name={i18n.str`Account`} value={payto.targetPath} />
   ) : payto.targetType === "x-taler-bank" ? (
     <Fragment>
-      <Row
-        name={<i18n.Translate>Bank host</i18n.Translate>}
-        value={payto.host}
-      />
-      <Row
-        name={<i18n.Translate>Bank account</i18n.Translate>}
-        value={payto.account}
-      />
+      <Row name={i18n.str`Bank host`} value={payto.host} />
+      <Row name={i18n.str`Bank account`} value={payto.account} />
     </Fragment>
   ) : payto.targetType === "iban" ? (
     <Fragment>
       {payto.bic !== undefined ? (
-        <Row name={<i18n.Translate>BIC</i18n.Translate>} value={payto.bic} />
+        <Row name={i18n.str`BIC`} value={payto.bic} />
       ) : undefined}
-      <Row name={<i18n.Translate>IBAN</i18n.Translate>} value={payto.iban} />
+      <Row name={i18n.str`IBAN`} value={payto.iban} />
     </Fragment>
   ) : undefined;
 
@@ -146,19 +138,12 @@ export function BankDetailsByPaytoType({
       <table>
         {accountPart}
         <Row
-          name={<i18n.Translate>Amount</i18n.Translate>}
+          name={i18n.str`Amount`}
           value={<Amount value={amount} hideCurrency />}
         />
-        <Row
-          name={<i18n.Translate>Subject</i18n.Translate>}
-          value={subject}
-          literal
-        />
+        <Row name={i18n.str`Subject`} value={subject} literal />
         {receiver ? (
-          <Row
-            name={<i18n.Translate>Receiver name</i18n.Translate>}
-            value={receiver}
-          />
+          <Row name={i18n.str`Receiver name`} value={receiver} />
         ) : undefined}
       </table>
     </div>
@@ -200,7 +185,7 @@ function Row({
   value,
   literal,
 }: {
-  name: VNode;
+  name: TranslatedString;
   value: string | VNode;
   literal?: boolean;
 }): VNode {