1 files changed, 34 insertions, 34 deletions

diff --git a/packages/taler-wallet-webextension/src/wallet/AddBackupProvider/state.ts b/packages/taler-wallet-webextension/src/wallet/AddBackupProvider/state.ts
index 504ee4678..271a1bf98 100644
--- a/packages/taler-wallet-webextension/src/wallet/AddBackupProvider/state.ts
+++ b/packages/taler-wallet-webextension/src/wallet/AddBackupProvider/state.ts
@@ -17,15 +17,15 @@
 import {
   canonicalizeBaseUrl,
   Codec,
-  TalerErrorDetail,
+  TalerErrorDetail
 } from "@gnu-taler/taler-util";
 import {
   codecForSyncTermsOfServiceResponse,
-  WalletApiOperation,
+  WalletApiOperation
 } from "@gnu-taler/taler-wallet-core";
 import { useEffect, useState } from "preact/hooks";
+import { useBackendContext } from "../../context/backend.js";
 import { assertUnreachable } from "../../utils/index.js";
-import { wxApi } from "../../wxApi.js";
 import { Props, State } from "./index.js";
 
 type UrlState<T> = UrlOk<T> | UrlError;
@@ -106,37 +106,37 @@ function useUrlState<T>(
     constHref == undefined
       ? undefined
       : async () => {
-          const req = await fetch(constHref).catch((e) => {
-            return setState({
-              status: "network-error",
-              href: constHref,
-            });
+        const req = await fetch(constHref).catch((e) => {
+          return setState({
+            status: "network-error",
+            href: constHref,
           });
-          if (!req) return;
+        });
+        if (!req) return;
 
-          if (req.status >= 400 && req.status < 500) {
-            setState({
-              status: "client-error",
-              code: req.status,
-            });
-            return;
-          }
-          if (req.status > 500) {
-            setState({
-              status: "server-error",
-              code: req.status,
-            });
-            return;
-          }
+        if (req.status >= 400 && req.status < 500) {
+          setState({
+            status: "client-error",
+            code: req.status,
+          });
+          return;
+        }
+        if (req.status > 500) {
+          setState({
+            status: "server-error",
+            code: req.status,
+          });
+          return;
+        }
 
-          const json = await req.json();
-          try {
-            const result = codec.decode(json);
-            setState({ status: "ok", result });
-          } catch (e: any) {
-            setState({ status: "parsing-error", json });
-          }
-        },
+        const json = await req.json();
+        try {
+          const result = codec.decode(json);
+          setState({ status: "ok", result });
+        } catch (e: any) {
+          setState({ status: "parsing-error", json });
+        }
+      },
     [host, path],
   );
 
@@ -145,8 +145,8 @@ function useUrlState<T>(
 
 export function useComponentState(
   { currency, onBack, onComplete, onPaymentRequired }: Props,
-  api: typeof wxApi,
 ): State {
+  const api = useBackendContext()
   const [url, setHost] = useState<string | undefined>();
   const [name, setName] = useState<string | undefined>();
   const [tos, setTos] = useState(false);
@@ -223,8 +223,8 @@ export function useComponentState(
         !urlState || urlState.status !== "ok" || !name
           ? undefined
           : async () => {
-              setShowConfirm(true);
-            },
+            setShowConfirm(true);
+          },
     },
     urlOk: urlState?.status === "ok",
     url: {