fix #7152

2 files changed, 7 insertions, 24 deletions

diff --git a/packages/taler-wallet-webextension/src/wallet/AddBackupProvider/index.ts b/packages/taler-wallet-webextension/src/wallet/AddBackupProvider/index.ts
index 10fcd84ce..4ec4c0ffe 100644
--- a/packages/taler-wallet-webextension/src/wallet/AddBackupProvider/index.ts
+++ b/packages/taler-wallet-webextension/src/wallet/AddBackupProvider/index.ts
@@ -16,8 +16,9 @@
 
 import { TalerErrorDetail } from "@gnu-taler/taler-util";
 import { SyncTermsOfServiceResponse } from "@gnu-taler/taler-wallet-core";
+import { ErrorAlertView } from "../../components/CurrentAlerts.js";
 import { Loading } from "../../components/Loading.js";
-import { HookError } from "../../hooks/useAsyncAsHook.js";
+import { ErrorAlert } from "../../context/alert.js";
 import {
   ButtonHandler,
   TextFieldHandler,
@@ -25,11 +26,7 @@ import {
 } from "../../mui/handlers.js";
 import { compose, StateViewMap } from "../../utils/index.js";
 import { useComponentState } from "./state.js";
-import {
-  ConfirmProviderView,
-  LoadingUriView,
-  SelectProviderView,
-} from "./views.js";
+import { ConfirmProviderView, SelectProviderView } from "./views.js";
 
 export interface Props {
   onBack: () => Promise<void>;
@@ -50,8 +47,8 @@ export namespace State {
   }
 
   export interface LoadingUriError {
-    status: "loading-error";
-    error: HookError;
+    status: "error";
+    error: ErrorAlert;
   }
 
   export interface ConfirmProvider {
@@ -77,7 +74,7 @@ export namespace State {
 
 const viewMapping: StateViewMap<State> = {
   loading: Loading,
-  "loading-error": LoadingUriView,
+  error: ErrorAlertView,
   "select-provider": SelectProviderView,
   "confirm-provider": ConfirmProviderView,
 };
diff --git a/packages/taler-wallet-webextension/src/wallet/AddBackupProvider/views.tsx b/packages/taler-wallet-webextension/src/wallet/AddBackupProvider/views.tsx
index b633a595f..c3afc0d33 100644
--- a/packages/taler-wallet-webextension/src/wallet/AddBackupProvider/views.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/AddBackupProvider/views.tsx
@@ -17,12 +17,10 @@
 import { Amounts } from "@gnu-taler/taler-util";
 import { Fragment, h, VNode } from "preact";
 import { Checkbox } from "../../components/Checkbox.js";
-import { LoadingError } from "../../components/LoadingError.js";
 import {
   LightText,
   SmallLightText,
   SubTitle,
-  TermsOfService,
   Title,
 } from "../../components/styled/index.js";
 import { useTranslationContext } from "../../context/translation.js";
@@ -30,17 +28,6 @@ import { Button } from "../../mui/Button.js";
 import { TextField } from "../../mui/TextField.js";
 import { State } from "./index.js";
 
-export function LoadingUriView({ error }: State.LoadingUriError): VNode {
-  const { i18n } = useTranslationContext();
-
-  return (
-    <LoadingError
-      title={<i18n.Translate>Could not load</i18n.Translate>}
-      error={error}
-    />
-  );
-}
-
 export function ConfirmProviderView({
   url,
   provider,
@@ -88,9 +75,8 @@ export function ConfirmProviderView({
             of service
           </i18n.Translate>
         </p>
-        {/* replace with <TermsOfService /> */}
         <Checkbox
-          label={<i18n.Translate>Accept terms of service</i18n.Translate>}
+          label={i18n.str`Accept terms of service`}
           name="terms"
           onToggle={tos.button.onClick}
           enabled={tos.value}