import { getSiteLogo } from '@launch/api/DataApi'; import { useSiteProfile } from '@launch/hooks/useSiteProfile'; import { resizeImage } from '@shared/utils/resize-image'; import useSWRImmutable from 'swr/immutable'; export const useSiteLogo = () => { const { siteProfile, loading: profileLoading } = useSiteProfile(); const { data, error } = useSWRImmutable( profileLoading || !siteProfile ? null : { key: 'site-logo', logoObjectName: siteProfile?.logoObjectName, }, async ({ logoObjectName }) => { const rawLogoUrl = await getSiteLogo(logoObjectName); return await resizeImage(rawLogoUrl, { size: { width: 256, height: 256 }, mimeType: 'image/webp', }); }, ); return { logoUrl: data, error, loading: profileLoading || (!data && !error), }; };