filter accounts based on active status

1 files changed, 17 insertions, 9 deletions

diff --git a/packages/merchant-backoffice-ui/src/hooks/bank.ts b/packages/merchant-backoffice-ui/src/hooks/bank.ts
index 8857ad839..4c917fe9e 100644
--- a/packages/merchant-backoffice-ui/src/hooks/bank.ts
+++ b/packages/merchant-backoffice-ui/src/hooks/bank.ts
@@ -13,18 +13,19 @@
  You should have received a copy of the GNU General Public License along with
  GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
  */
-import {
-  useMerchantApiContext
-} from "@gnu-taler/web-util/browser";
+import { useMerchantApiContext } from "@gnu-taler/web-util/browser";
 
 // FIX default import https://github.com/microsoft/TypeScript/issues/49189
-import { AccessToken, TalerHttpError, TalerMerchantManagementResultByMethod } from "@gnu-taler/taler-util";
+import {
+  AccessToken,
+  TalerHttpError,
+  TalerMerchantManagementResultByMethod,
+} from "@gnu-taler/taler-util";
 import _useSWR, { SWRHook, mutate } from "swr";
 import { useSessionContext } from "../context/session.js";
 const useSWR = _useSWR as unknown as SWRHook;
 
-export interface InstanceBankAccountFilter {
-}
+export interface InstanceBankAccountFilter {}
 
 export function revalidateInstanceBankAccounts() {
   return mutate(
@@ -35,7 +36,9 @@ export function revalidateInstanceBankAccounts() {
 }
 export function useInstanceBankAccounts() {
   const { state: session } = useSessionContext();
-  const { lib: { instance } } = useSessionContext();
+  const {
+    lib: { instance },
+  } = useSessionContext();
 
   // const [offset, setOffset] = useState<string | undefined>();
 
@@ -57,19 +60,24 @@ export function useInstanceBankAccounts() {
   if (data.type !== "ok") return data;
 
   // return buildPaginatedResult(data.body.accounts, offset, setOffset, (d) => d.h_wire)
+  const filtered = data.body.accounts.filter((a) => a.active);
+  data.body.accounts = filtered;
   return data;
 }
 
 export function revalidateBankAccountDetails() {
   return mutate(
-    (key) => Array.isArray(key) && key[key.length - 1] === "getBankAccountDetails",
+    (key) =>
+      Array.isArray(key) && key[key.length - 1] === "getBankAccountDetails",
     undefined,
     { revalidate: true },
   );
 }
 export function useBankAccountDetails(h_wire: string) {
   const { state: session } = useSessionContext();
-  const { lib: { instance } } = useSessionContext();
+  const {
+    lib: { instance },
+  } = useSessionContext();
 
   async function fetcher([token, wireId]: [AccessToken, string]) {
     return await instance.getBankAccountDetails(token, wireId);