fix #7152

1 files changed, 11 insertions, 21 deletions

diff --git a/packages/taler-wallet-webextension/src/wallet/Settings.tsx b/packages/taler-wallet-webextension/src/wallet/Settings.tsx
index 768a4ca6a..ed1bc838a 100644
--- a/packages/taler-wallet-webextension/src/wallet/Settings.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Settings.tsx
@@ -111,13 +111,13 @@ export function SettingsView({
       <section>
         {autoOpenToggle.button.error && (
           <ErrorTalerOperation
-            title={<i18n.Translate>Could not toggle auto-open</i18n.Translate>}
+            title={i18n.str`Could not toggle auto-open`}
             error={autoOpenToggle.button.error.errorDetail}
           />
         )}
         {/* {clipboardToggle.button.error && (
           <ErrorTalerOperation
-            title={<i18n.Translate>Could not toggle clipboard</i18n.Translate>}
+            title={i18n.str`Could not toggle clipboard`}
             error={clipboardToggle.button.error.errorDetail}
           />
         )} */}
@@ -125,11 +125,7 @@ export function SettingsView({
           <i18n.Translate>Navigator</i18n.Translate>
         </SubTitle>
         <Checkbox
-          label={
-            <i18n.Translate>
-              Automatically open wallet based on page content
-            </i18n.Translate>
-          }
+          label={i18n.str`Automatically open wallet based on page content`}
           name="autoOpen"
           description={
             <i18n.Translate>
@@ -142,9 +138,7 @@ export function SettingsView({
         />
         {/* <Checkbox
           label={
-            <i18n.Translate>
-              Automatically check clipboard for Taler URI
-            </i18n.Translate>
+            i18n.str`Automatically check clipboard for Taler URI`
           }
           name="clipboard"
           description={
@@ -241,13 +235,9 @@ export function SettingsView({
           <i18n.Translate>Troubleshooting</i18n.Translate>
         </SubTitle>
         <Checkbox
-          label={<i18n.Translate>Developer mode</i18n.Translate>}
+          label={i18n.str`Developer mode`}
           name="devMode"
-          description={
-            <i18n.Translate>
-              More options and information useful for debugging
-            </i18n.Translate>
-          }
+          description={i18n.str`More options and information useful for debugging`}
           enabled={devModeToggle.value!}
           onToggle={devModeToggle.button.onClick!}
         />
@@ -271,7 +261,7 @@ export function SettingsView({
         </SubTitle>
         {coreVersion && (
           <Part
-            title={<i18n.Translate>Wallet Core</i18n.Translate>}
+            title={i18n.str`Wallet Core`}
             text={
               <span>
                 {coreVersion.version}{" "}
@@ -281,7 +271,7 @@ export function SettingsView({
           />
         )}
         <Part
-          title={<i18n.Translate>Web Extension</i18n.Translate>}
+          title={i18n.str`Web Extension`}
           text={
             <span>
               {webexVersion.version}{" "}
@@ -292,15 +282,15 @@ export function SettingsView({
         {coreVersion && (
           <JustInDevMode>
             <Part
-              title={<i18n.Translate>Exchange compatibility</i18n.Translate>}
+              title={i18n.str`Exchange compatibility`}
               text={<span>{coreVersion.exchange}</span>}
             />
             <Part
-              title={<i18n.Translate>Merchant compatibility</i18n.Translate>}
+              title={i18n.str`Merchant compatibility`}
               text={<span>{coreVersion.merchant}</span>}
             />
             <Part
-              title={<i18n.Translate>Bank compatibility</i18n.Translate>}
+              title={i18n.str`Bank compatibility`}
               text={<span>{coreVersion.bank}</span>}
             />
           </JustInDevMode>