When no custom favicon is set, fall back to the organization logo on public org-site pages instead of the default ClassroomIO icon. For OG images, only apply the theme-color background behind the logo when rendering initials; real logo images now render without the tint. Co-authored-by: Cursor Agent <[email protected]> Co-authored-by: Rotimi Best <[email protected]>
22 lines
608 B
Svelte
22 lines
608 B
Svelte
<script lang="ts">
|
|
import type { AccountOrg } from '$features/app/types';
|
|
import { page } from '$app/state';
|
|
import { getOrgFaviconHref } from '$lib/utils/functions/org-branding';
|
|
|
|
interface Props {
|
|
org: Pick<AccountOrg, 'favicon' | 'avatarUrl'> | null | undefined;
|
|
}
|
|
|
|
let { org }: Props = $props();
|
|
|
|
const faviconHref = $derived(getOrgFaviconHref(org, page.url.origin));
|
|
</script>
|
|
|
|
<svelte:head>
|
|
{#if faviconHref}
|
|
<link rel="icon" href={faviconHref} />
|
|
<link rel="shortcut icon" href={faviconHref} />
|
|
<link rel="apple-touch-icon" href={faviconHref} />
|
|
{/if}
|
|
</svelte:head>
|