Apply tenant theme on business login and polish login branding.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/business/src/context/BusinessThemeContext.tsx

@@ -1,32 +1,24 @@
 import { useEffect, type ReactNode } from 'react'
-import { useAuth } from './AuthContext'
-import { getActiveBusinessId } from '../lib/businessContext'
 import { isAbortError } from '../lib/api'
-import { getSettings } from '../services/settingsService'
+import { getBusinessDomain } from '../lib/config'
+import { resolveTenantByDomain } from '../services/tenantService'
 import { applyBusinessPrimaryColor, resetBusinessPrimaryColor } from '../utils/applyBusinessTheme'
 import { normalizeBusinessPrimaryColorId } from '../utils/businessPrimaryColors'
 
 export function BusinessThemeProvider({ children }: { children: ReactNode }) {
-  const { user, isLoading } = useAuth()
-
   useEffect(() => {
-    if (isLoading) return
-
-    if (!user || !getActiveBusinessId()) {
-      resetBusinessPrimaryColor()
-      return
-    }
-
     const controller = new AbortController()
+    const domain = getBusinessDomain()
 
     async function loadTheme() {
       try {
-        const data = await getSettings(controller.signal)
+        const tenant = await resolveTenantByDomain(domain, controller.signal)
+        if (controller.signal.aborted) return
         applyBusinessPrimaryColor(
-          normalizeBusinessPrimaryColorId(data.settings.branding?.primaryColor),
+          normalizeBusinessPrimaryColorId(tenant.primaryColor),
         )
       } catch (err) {
-        if (isAbortError(err)) return
+        if (isAbortError(err) || controller.signal.aborted) return
         applyBusinessPrimaryColor(undefined)
       }
     }
@@ -35,8 +27,9 @@ export function BusinessThemeProvider({ children }: { children: ReactNode }) {
 
     return () => {
       controller.abort()
+      resetBusinessPrimaryColor()
     }
-  }, [user, isLoading])
+  }, [])
 
   return children
 }

apps/business/src/context/TenantBrandingContext.tsx

@@ -18,6 +18,7 @@ import { resolveTenantByDomain } from '../services/tenantService'
 
 interface TenantBrandingContextValue {
   businessName: string
+  businessNameEn: string
   logoUrl: string | null
   faviconUrl: string | null
   refreshBranding: () => void
@@ -135,9 +136,14 @@ export function TenantBrandingProvider({ children }: { children: ReactNode }) {
     return nameEn.trim() || nameFa.trim() || getBusinessDomain()
   }, [locale, nameEn, nameFa])
 
+  const businessNameEn = useMemo(
+    () => nameEn.trim() || nameFa.trim() || getBusinessDomain(),
+    [nameEn, nameFa],
+  )
+
   const value = useMemo(
-    () => ({ businessName, logoUrl, faviconUrl, refreshBranding }),
-    [businessName, logoUrl, faviconUrl, refreshBranding],
+    () => ({ businessName, businessNameEn, logoUrl, faviconUrl, refreshBranding }),
+    [businessName, businessNameEn, logoUrl, faviconUrl, refreshBranding],
   )
 
   return (