1 files changed, 20 insertions, 6 deletions
diff --git a/packages/taler-wallet-webextension/src/cta/Withdraw/state.ts b/packages/taler-wallet-webextension/src/cta/Withdraw/state.ts
index d1853442b..18c467aae 100644
--- a/packages/taler-wallet-webextension/src/cta/Withdraw/state.ts
+++ b/packages/taler-wallet-webextension/src/cta/Withdraw/state.ts
@@ -23,7 +23,9 @@ import {
 } from "@gnu-taler/taler-util";
 import { TalerError, 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 { useSelectedExchange } from "../../hooks/useSelectedExchange.js";
 import { RecursiveState } from "../../utils/index.js";
@@ -35,6 +37,7 @@ export function useComponentStateFromParams({
   onSuccess,
 }: PropsFromParams): RecursiveState<State> {
   const api = useBackendContext();
+  const { i18n } = useTranslationContext();
   const uriInfoHook = useAsyncAsHook(async () => {
     const exchanges = await api.wallet.call(
       WalletApiOperation.ListExchanges,
@@ -47,8 +50,11 @@ export function useComponentStateFromParams({
 
   if (uriInfoHook.hasError) {
     return {
-      status: "uri-error",
-      error: uriInfoHook,
+      status: "error",
+      error: alertFromError(
+        i18n.str`Could not load the list of exchanges`,
+        uriInfoHook,
+      ),
     };
   }
 
@@ -95,6 +101,7 @@ export function useComponentStateFromURI({
   onSuccess,
 }: PropsFromURI): RecursiveState<State> {
   const api = useBackendContext();
+  const { i18n } = useTranslationContext();
   /**
    * Ask the wallet about the withdraw URI
    */
@@ -123,8 +130,11 @@ export function useComponentStateFromURI({
 
   if (uriInfoHook.hasError) {
     return {
-      status: "uri-error",
-      error: uriInfoHook,
+      status: "error",
+      error: alertFromError(
+        i18n.str`Could not load info from URI`,
+        uriInfoHook,
+      ),
     };
   }
 
@@ -194,6 +204,7 @@ function exchangeSelectionState(
   }
 
   return () => {
+    const { i18n } = useTranslationContext();
     const [ageRestricted, setAgeRestricted] = useState(0);
     const currentExchange = selectedExchange.selected;
     const tosNeedToBeAccepted =
@@ -255,8 +266,11 @@ function exchangeSelectionState(
     }
     if (amountHook.hasError) {
       return {
-        status: "amount-error",
-        error: amountHook,
+        status: "error",
+        error: alertFromError(
+          i18n.str`Could not load the withdrawal details`,
+          amountHook,
+        ),
       };
     }
     if (!amountHook.response) {