Files
classroomio/apps/dashboard/src/lib/features/app/org-site-favicon.svelte
T
22a3e6484b fix(org): show org logo for favicon and OG image (#713)
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]>
2026-07-08 03:28:38 +01:00

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>