show error with debug info

2 files changed, 4 insertions, 2 deletions

diff --git a/packages/aml-backoffice-ui/src/pages/CaseDetails.tsx b/packages/aml-backoffice-ui/src/pages/CaseDetails.tsx
index 2fd95d2c6..d42e1f2c6 100644
--- a/packages/aml-backoffice-ui/src/pages/CaseDetails.tsx
+++ b/packages/aml-backoffice-ui/src/pages/CaseDetails.tsx
@@ -47,6 +47,7 @@ import { useUiFormsContext } from "../context/ui-forms.js";
 import { preloadedForms } from "../forms/index.js";
 import { useAccountInformation } from "../hooks/account.js";
 import { ShowConsolidated } from "./ShowConsolidated.js";
+import { ErrorLoadingWithDebug } from "../components/ErrorLoadingWithDebug.js";
 
 export type AmlEvent =
   | AmlFormEvent
@@ -181,7 +182,7 @@ export function CaseDetails({ account }: { account: string }) {
     return <Loading />;
   }
   if (details instanceof TalerError) {
-    return <ErrorLoading error={details} />;
+    return <ErrorLoadingWithDebug error={details} />;
   }
   if (details.type === "fail") {
     switch (details.case) {
diff --git a/packages/aml-backoffice-ui/src/pages/Cases.tsx b/packages/aml-backoffice-ui/src/pages/Cases.tsx
index 613e57493..e468d80ad 100644
--- a/packages/aml-backoffice-ui/src/pages/Cases.tsx
+++ b/packages/aml-backoffice-ui/src/pages/Cases.tsx
@@ -35,6 +35,7 @@ import { privatePages } from "../Routing.js";
 import { FormErrors, RecursivePartial, useFormState } from "../hooks/form.js";
 import { undefinedIfEmpty } from "./CreateAccount.js";
 import { Officer } from "./Officer.js";
+import { ErrorLoadingWithDebug } from "../components/ErrorLoadingWithDebug.js";
 
 type FormType = {
   // state: TalerExchangeApi.AmlState;
@@ -203,7 +204,7 @@ export function Cases() {
     return <Loading />;
   }
   if (list instanceof TalerError) {
-    return <ErrorLoading error={list} />;
+    return <ErrorLoadingWithDebug error={list} />;
   }
 
   if (list.type === "fail") {