1 files changed, 52 insertions, 53 deletions

diff --git a/packages/demobank-ui/src/components/Transactions/state.ts b/packages/demobank-ui/src/components/Transactions/state.ts
index a5087ef32..9e1bce39b 100644
--- a/packages/demobank-ui/src/components/Transactions/state.ts
+++ b/packages/demobank-ui/src/components/Transactions/state.ts
@@ -15,66 +15,65 @@
  */
 
 import { AbsoluteTime, Amounts } from "@gnu-taler/taler-util";
-import { parse } from "date-fns";
-import { useEffect } from "preact/hooks";
-import useSWR from "swr";
-import { Props, State } from "./index.js";
+import { useTransactions } from "../../hooks/access.js";
+import { Props, State, Transaction } from "./index.js";
 
 export function useComponentState({
-  accountLabel,
-  pageNumber,
-  balanceValue,
+  account,
 }: Props): State {
-  const { data, error, mutate } = useSWR(
-    `access-api/accounts/${accountLabel}/transactions?page=${pageNumber}`,
-  );
-
-  useEffect(() => {
-    if (balanceValue) {
-      mutate();
-    }
-  }, [balanceValue ?? ""]);
-
-  if (error) {
-    switch (error.status) {
-      case 404:
-        return {
-          status: "loading-error",
-          error: {
-            hasError: true,
-            operational: false,
-            message: `Transactions page ${pageNumber} was not found.`,
-          },
-        };
-      case 401:
-        return {
-          status: "loading-error",
-          error: {
-            hasError: true,
-            operational: false,
-            message: "Wrong credentials given.",
-          },
-        };
-      default:
-        return {
-          status: "loading-error",
-          error: {
-            hasError: true,
-            operational: false,
-            message: `Transaction page ${pageNumber} could not be retrieved.`,
-          } as any,
-        };
+  const result = useTransactions(account)
+  if (result.loading) {
+    return {
+      status: "loading",
+      error: undefined
     }
   }
-
-  if (!data) {
+  if (!result.ok) {
     return {
-      status: "loading",
-      error: undefined,
-    };
+      status: "loading-error",
+      error: result
+    }
   }
+  // if (error) {
+  //   switch (error.status) {
+  //     case 404:
+  //       return {
+  //         status: "loading-error",
+  //         error: {
+  //           hasError: true,
+  //           operational: false,
+  //           message: `Transactions page ${pageNumber} was not found.`,
+  //         },
+  //       };
+  //     case 401:
+  //       return {
+  //         status: "loading-error",
+  //         error: {
+  //           hasError: true,
+  //           operational: false,
+  //           message: "Wrong credentials given.",
+  //         },
+  //       };
+  //     default:
+  //       return {
+  //         status: "loading-error",
+  //         error: {
+  //           hasError: true,
+  //           operational: false,
+  //           message: `Transaction page ${pageNumber} could not be retrieved.`,
+  //         } as any,
+  //       };
+  //   }
+  // }
+
+  // if (!data) {
+  //   return {
+  //     status: "loading",
+  //     error: undefined,
+  //   };
+  // }
 
-  const transactions = data.transactions.map((item: unknown) => {
+  const transactions = result.data.transactions.map((item: unknown) => {
     if (
       !item ||
       typeof item !== "object" ||
@@ -120,7 +119,7 @@ export function useComponentState({
       amount,
       subject,
     };
-  });
+  }).filter((x): x is Transaction => x !== undefined);
 
   return {
     status: "ready",