apps/web/src/BrandingContext.tsx

@@ -32,7 +32,7 @@ export function BrandingProvider({ children }: { children: React.ReactNode }) {
     fetch("/api/branding")
       .then((r) => (r.ok ? r.json() : null))
       .then((data) => {
-        if (data) setBranding(data);
+        if (data && typeof data.businessName === "string") setBranding(data);
       })
       .catch(() => {});
   }, []);

apps/web/src/__tests__/App.test.tsx

@@ -13,6 +13,18 @@ beforeEach(() => {
         json: async () => ({ authDisabled: false }),
       } as Response);
     }
+    if (url === "/api/branding") {
+      return Promise.resolve({
+        ok: true,
+        json: async () => ({
+          businessName: "GroomBook",
+          primaryColor: "#4f8a6f",
+          accentColor: "#8b7355",
+          logoBase64: null,
+          logoMimeType: null,
+        }),
+      } as Response);
+    }
     return Promise.resolve({
       ok: true,
       json: async () => [],
@@ -100,6 +112,18 @@ describe("Dev login selector", () => {
           }),
         } as Response);
       }
+      if (url === "/api/branding") {
+        return Promise.resolve({
+          ok: true,
+          json: async () => ({
+            businessName: "GroomBook",
+            primaryColor: "#4f8a6f",
+            accentColor: "#8b7355",
+            logoBase64: null,
+            logoMimeType: null,
+          }),
+        } as Response);
+      }
       return Promise.resolve({ ok: true, json: async () => [] } as Response);
     }) as unknown as typeof fetch;
 
@@ -125,6 +149,18 @@ describe("Dev login selector", () => {
           json: async () => ({ authDisabled: true }),
         } as Response);
       }
+      if (url === "/api/branding") {
+        return Promise.resolve({
+          ok: true,
+          json: async () => ({
+            businessName: "GroomBook",
+            primaryColor: "#4f8a6f",
+            accentColor: "#8b7355",
+            logoBase64: null,
+            logoMimeType: null,
+          }),
+        } as Response);
+      }
       return Promise.resolve({ ok: true, json: async () => [] } as Response);
     }) as unknown as typeof fetch;
 

apps/web/src/pages/Settings.tsx

@@ -10,7 +10,7 @@ interface SettingsForm {
 }
 
 export function SettingsPage() {
-  const { branding, refresh } = useBranding();
+  const { refresh } = useBranding();
   const [form, setForm] = useState<SettingsForm>({
     businessName: "",
     primaryColor: "#4f8a6f",