fix: clean cache when default instance is created

3 files changed, 12 insertions, 7 deletions

diff --git a/packages/merchant-backoffice-ui/src/context/session.ts b/packages/merchant-backoffice-ui/src/context/session.ts
index f3349bf83..6d01464e0 100644
--- a/packages/merchant-backoffice-ui/src/context/session.ts
+++ b/packages/merchant-backoffice-ui/src/context/session.ts
@@ -245,6 +245,6 @@ export function useSessionContext(): SessionStateHandler {
   };
 }
 
-function cleanAllCache(): void {
+export function cleanAllCache(): void {
   mutate(() => true, undefined, { revalidate: false });
 }
diff --git a/packages/merchant-backoffice-ui/src/paths/admin/list/TableActive.tsx b/packages/merchant-backoffice-ui/src/paths/admin/list/TableActive.tsx
index 2455913c2..b246bb3e2 100644
--- a/packages/merchant-backoffice-ui/src/paths/admin/list/TableActive.tsx
+++ b/packages/merchant-backoffice-ui/src/paths/admin/list/TableActive.tsx
@@ -21,10 +21,12 @@
 
 import { TalerMerchantApi } from "@gnu-taler/taler-util";
 import {
+  useMerchantApiContext,
   useTranslationContext
 } from "@gnu-taler/web-util/browser";
 import { VNode, h } from "preact";
 import { StateUpdater, useEffect, useState } from "preact/hooks";
+import { useSessionContext } from "../../../context/session.js";
 
 interface Props {
   instances: TalerMerchantApi.Instance[];
@@ -150,8 +152,8 @@ function Table({
   onPurge,
 }: TableProps): VNode {
   const { i18n } = useTranslationContext();
-  // const { lib } = useMerchantApiContext();
-  // const { impersonate } = useSessionContext();
+  const { lib } = useMerchantApiContext();
+  const { impersonate } = useSessionContext();
   return (
     <div class="table-container">
       <table class="table is-fullwidth is-striped is-hoverable is-fullwidth">
@@ -199,8 +201,7 @@ function Table({
                   </label>
                 </td>
                 <td>
-                  {/* TODO uncommented to enable impersonate #8604 */}
-                  {/* <a
+                  <a
                     href={`#/orders`}
                     onClick={async (e) => {
                       e.preventDefault();
@@ -212,9 +213,9 @@ function Table({
                         token: undefined,
                       });
                     }}
-                  > */}
+                  >
                     {i.id}
-                  {/* </a> */}
+                  </a>
                 </td>
                 <td>{i.name}</td>
                 <td class="is-actions-cell right-sticky">
diff --git a/packages/merchant-backoffice-ui/src/paths/notfound/index.tsx b/packages/merchant-backoffice-ui/src/paths/notfound/index.tsx
index d780b5988..4d348c02b 100644
--- a/packages/merchant-backoffice-ui/src/paths/notfound/index.tsx
+++ b/packages/merchant-backoffice-ui/src/paths/notfound/index.tsx
@@ -24,6 +24,7 @@ import { Fragment, h, VNode } from "preact";
 import { Link, route } from "preact-router";
 import { NotificationCard } from "../../components/menu/index.js";
 import {
+  cleanAllCache,
   DEFAULT_ADMIN_USERNAME,
   useSessionContext,
 } from "../../context/session.js";
@@ -57,6 +58,9 @@ export function NotFoundPageOrAdminCreate(): VNode {
         <InstanceCreatePage
           forceId={DEFAULT_ADMIN_USERNAME}
           onConfirm={() => {
+            // we need to clear everything since we take some
+            // 404 as "default instance don't exist"
+            cleanAllCache()
             route(InstancePaths.bank_list);
           }}
         />