show pending operations on main pages

packages/taler-wallet-webextension/dev-html/index.html

@@ -34,7 +34,7 @@
     <iframe
       id="wallet-window"
       name="wallet"
-      src="about:blank"
+      src="/wallet.html"
       name="wallet"
       width="800"
       height="100%"

packages/taler-wallet-webextension/src/platform/dev.ts

@@ -62,7 +62,7 @@ const api: PlatformAPI = ({
   },
 
   registerAllIncomingConnections: () => undefined,
-  registerOnInstalled: (fn: () => void) => fn(),
+  registerOnInstalled: (fn: () => void) => undefined,
   registerReloadOnNewVersion: () => undefined,
   registerTalerHeaderListener: () => undefined,
 

packages/taler-wallet-webextension/src/wallet/Application.tsx

@@ -83,6 +83,7 @@ export function Application(): VNode {
                 <Fragment>
                   <LogoHeader />
                   <WalletNavBar path={path} />
+                  {shouldShowPendingOperations(path) && (
                     <div
                       style={{
                         backgroundColor: "lightcyan",
@@ -96,6 +97,7 @@ export function Application(): VNode {
                         }
                       />
                     </div>
+                  )}
                 </Fragment>
               );
             }}
@@ -261,3 +263,7 @@ function Redirect({ to }: { to: string }): null {
   });
   return null;
 }
+
+function shouldShowPendingOperations(path: string): boolean {
+  return ["/balance/history/", "/dev", "/settings", "/backup"].includes(path);
+}