hide account badge in google app window when only one account (#552)

* hide account badge in google app window when only one account

https://claude.ai/code/session_016BG78TYNmhifvxirqH41WA

* move single-account badge check to google app renderer

Use useConfig + skipToken to avoid invoking googleApp.getAccount when
only one account exists, instead of gating in the main handler.

https://claude.ai/code/session_016BG78TYNmhifvxirqH41WA

* pass accountId via search param to google app renderer

Replace the googleApp.getAccount IPC with an accountId query string
parameter. The renderer reads it with useSearchParams from wouter and
looks up the account in useConfig, rendering the badge only when more
than one account exists.

https://claude.ai/code/session_016BG78TYNmhifvxirqH41WA

---------

Co-authored-by: Claude <noreply@anthropic.com>

Author: timche

packages/app/google-app.ts

@@ -260,9 +260,14 @@ export class GoogleApp {
       ...options,
     });
 
+    const searchParams = new URLSearchParams();
+
+    searchParams.set("accountId", this.accountId);
+
     loadRenderer(browserWindow, {
       renderer: "google-app",
       port: 3002,
+      searchParams,
     });
 
     return browserWindow;

packages/app/ipc.ts

@@ -184,10 +184,6 @@ class Ipc {
       selectedAccount.instance.gmail.search(searchQuery);
     });
 
-    ipc.main.handle("googleApp.getAccount", (event) => {
-      return GoogleApp.fromWebContents(event.sender).account.config;
-    });
-
     ipc.main.handle("googleApp.getLoadingState", (event) => {
       return GoogleApp.fromWebContents(event.sender).isLoading;
     });

packages/renderer-google-app/index.tsx

@@ -11,7 +11,7 @@ import {
   TitlebarPageTitle,
   TitlebarRight,
 } from "@meru/ui/components/titlebar";
-import { useQuery } from "@tanstack/react-query";
+import { useConfig } from "@meru/shared/renderer/react-query";
 import {
   ArrowLeftIcon,
   ArrowRightIcon,
@@ -24,6 +24,7 @@ import {
   XIcon,
 } from "lucide-react";
 import { useEffect, useState } from "react";
+import { useSearchParams } from "wouter";
 
 function RecentDownloadHistoryButton() {
   return (
@@ -120,11 +121,13 @@ function App() {
     totalMatches: 0,
   });
 
-  const { data: account } = useQuery({
-    queryKey: ["googleApp.account"],
-    queryFn: () => ipc.main.invoke("googleApp.getAccount"),
-    staleTime: Number.POSITIVE_INFINITY,
-  });
+  const { config } = useConfig();
+
+  const [searchParams] = useSearchParams();
+
+  const account = config?.accounts.find(
+    (accountConfig) => accountConfig.id === searchParams.get("accountId"),
+  );
 
   useEffect(() => {
     return ipc.renderer.on("googleApp.navigationStateChanged", (_event, state) => {
@@ -174,7 +177,9 @@ function App() {
           </TitlebarIconButton>
           <ReloadButton />
         </TitlebarButtonGroup>
-        {account && <AccountBadge label={account.label} color={account.color} />}
+        {config && config.accounts.length > 1 && account && (
+          <AccountBadge label={account.label} color={account.color} />
+        )}
         <TitlebarPageTitle>{pageTitle}</TitlebarPageTitle>
       </TitlebarLeft>
       <TitlebarRight>

packages/shared/types.ts

@@ -236,7 +236,6 @@ export type IpcMainEvents =
       "app.setLoginItemSettings": (settings: Partial<LoginItemSettings>) => void;
       "app.getIsDefaultMailtoClient": () => boolean;
       "app.setAsDefaultMailtoClient": () => void;
-      "googleApp.getAccount": () => AccountConfig;
       "googleApp.getLoadingState": () => boolean;
     };