etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-29 18:13:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update Layout.tsx

Browse Source
This commit is contained in:
Egor
2026-01-19 10:32:29 +03:00
committed by GitHub
parent e53d805bef
commit cde7909925
1 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/layout/Layout.tsx
View File

@@ -9,7 +9,7 @@ import TicketNotificationBell from '../TicketNotificationBell'
import AnimatedBackground from '../AnimatedBackground' import AnimatedBackground from '../AnimatedBackground'
import { contestsApi } from '../../api/contests' import { contestsApi } from '../../api/contests'
import { pollsApi } from '../../api/polls' import { pollsApi } from '../../api/polls'
import { brandingApi } from '../../api/branding' import { brandingApi, getCachedBranding, setCachedBranding } from '../../api/branding'
import { wheelApi } from '../../api/wheel' import { wheelApi } from '../../api/wheel'
import { themeColorsApi } from '../../api/themeColors' import { themeColorsApi } from '../../api/themeColors'
import { promoApi } from '../../api/promo' import { promoApi } from '../../api/promo'
@@ -167,15 +167,21 @@ export default function Layout({ children }: LayoutProps) {
} }
}, [mobileMenuOpen]) }, [mobileMenuOpen])
// Fetch branding settings // Fetch branding settings with localStorage cache for instant load
const { data: branding } = useQuery({ const { data: branding } = useQuery({
queryKey: ['branding'], queryKey: ['branding'],
queryFn: brandingApi.getBranding, queryFn: async () => {
const data = await brandingApi.getBranding()
setCachedBranding(data) // Update cache
return data
},
initialData: getCachedBranding() ?? undefined, // Use cached data immediately
staleTime: 60000, // 1 minute staleTime: 60000, // 1 minute
refetchOnWindowFocus: true,
retry: 1, retry: 1,
}) })
// Computed branding values - use fallback only if branding not loaded yet // Computed branding values - use fallback only if no branding and no cache
const appName = branding ? branding.name : FALLBACK_NAME // Empty string is valid (logo-only mode) const appName = branding ? branding.name : FALLBACK_NAME // Empty string is valid (logo-only mode)
const logoLetter = branding?.logo_letter || FALLBACK_LOGO const logoLetter = branding?.logo_letter || FALLBACK_LOGO
const hasCustomLogo = branding?.has_custom_logo || false const hasCustomLogo = branding?.has_custom_logo || false