fix #7152

1 files changed, 6 insertions, 2 deletions

diff --git a/packages/taler-wallet-webextension/src/wallet/DestinationSelection/state.ts b/packages/taler-wallet-webextension/src/wallet/DestinationSelection/state.ts
index dd711f406..1fe324c5a 100644
--- a/packages/taler-wallet-webextension/src/wallet/DestinationSelection/state.ts
+++ b/packages/taler-wallet-webextension/src/wallet/DestinationSelection/state.ts
@@ -17,7 +17,9 @@
 import { Amounts } from "@gnu-taler/taler-util";
 import { WalletApiOperation } from "@gnu-taler/taler-wallet-core";
 import { useState } from "preact/hooks";
+import { alertFromError } from "../../context/alert.js";
 import { useBackendContext } from "../../context/backend.js";
+import { useTranslationContext } from "../../context/translation.js";
 import { useAsyncAsHook } from "../../hooks/useAsyncAsHook.js";
 import { assertUnreachable, RecursiveState } from "../../utils/index.js";
 import { Contact, Props, State } from "./index.js";
@@ -59,6 +61,8 @@ export function useComponentState(props: Props): RecursiveState<State> {
   if (!amount) {
     return () => {
       // eslint-disable-next-line react-hooks/rules-of-hooks
+      const { i18n } = useTranslationContext();
+      // eslint-disable-next-line react-hooks/rules-of-hooks
       const hook = useAsyncAsHook(() =>
         api.wallet.call(WalletApiOperation.ListExchanges, {}),
       );
@@ -71,8 +75,8 @@ export function useComponentState(props: Props): RecursiveState<State> {
       }
       if (hook.hasError) {
         return {
-          status: "loading-error",
-          error: hook,
+          status: "error",
+          error: alertFromError(i18n.str`Could not load exchanges`, hook),
         };
       }
       const currencies: Record<string, string> = {};