fix #7152

1 files changed, 7 insertions, 36 deletions

diff --git a/packages/taler-wallet-webextension/src/wallet/DepositPage/views.tsx b/packages/taler-wallet-webextension/src/wallet/DepositPage/views.tsx
index 6a28f31e1..0d827db43 100644
--- a/packages/taler-wallet-webextension/src/wallet/DepositPage/views.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/DepositPage/views.tsx
@@ -18,31 +18,13 @@ import { Amounts, PaytoUri } from "@gnu-taler/taler-util";
 import { Fragment, h, VNode } from "preact";
 import { AmountField } from "../../components/AmountField.js";
 import { ErrorMessage } from "../../components/ErrorMessage.js";
-import { LoadingError } from "../../components/LoadingError.js";
 import { SelectList } from "../../components/SelectList.js";
-import {
-  ErrorText,
-  Input,
-  InputWithLabel,
-  SubTitle,
-  WarningBox,
-} from "../../components/styled/index.js";
+import { Input, SubTitle, WarningBox } from "../../components/styled/index.js";
 import { useTranslationContext } from "../../context/translation.js";
 import { Button } from "../../mui/Button.js";
 import { Grid } from "../../mui/Grid.js";
 import { State } from "./index.js";
 
-export function LoadingErrorView({ error }: State.LoadingUriError): VNode {
-  const { i18n } = useTranslationContext();
-
-  return (
-    <LoadingError
-      title={<i18n.Translate>Could not load deposit balance</i18n.Translate>}
-      error={error}
-    />
-  );
-}
-
 export function AmountOrCurrencyErrorView(
   p: State.AmountOrCurrencyError,
 ): VNode {
@@ -50,11 +32,7 @@ export function AmountOrCurrencyErrorView(
 
   return (
     <ErrorMessage
-      title={
-        <i18n.Translate>
-          A currency or an amount should be indicated
-        </i18n.Translate>
-      }
+      title={i18n.str`A currency or an amount should be indicated`}
     />
   );
 }
@@ -66,11 +44,7 @@ export function NoEnoughBalanceView({
 
   return (
     <ErrorMessage
-      title={
-        <i18n.Translate>
-          There is no enough balance to make a deposit for currency {currency}
-        </i18n.Translate>
-      }
+      title={i18n.str`There is no enough balance to make a deposit for currency ${currency}`}
     />
   );
 }
@@ -150,7 +124,7 @@ export function ReadyView(state: State.Ready): VNode {
         >
           <Input>
             <SelectList
-              label={<i18n.Translate>Select account</i18n.Translate>}
+              label={i18n.str`Select account`}
               list={state.account.list}
               name="account"
               value={state.account.value}
@@ -171,14 +145,11 @@ export function ReadyView(state: State.Ready): VNode {
         </p>
         <Grid container spacing={2} columns={1}>
           <Grid item xs={1}>
-            <AmountField
-              label={<i18n.Translate>Amount</i18n.Translate>}
-              handler={state.amount}
-            />
+            <AmountField label={i18n.str`Amount`} handler={state.amount} />
           </Grid>
           <Grid item xs={1}>
             <AmountField
-              label={<i18n.Translate>Deposit fee</i18n.Translate>}
+              label={i18n.str`Deposit fee`}
               handler={{
                 value: state.totalFee,
               }}
@@ -186,7 +157,7 @@ export function ReadyView(state: State.Ready): VNode {
           </Grid>
           <Grid item xs={1}>
             <AmountField
-              label={<i18n.Translate>Total deposit</i18n.Translate>}
+              label={i18n.str`Total deposit`}
               handler={{
                 value: state.totalToDeposit,
               }}