classroomio/apps/dashboard/src/lib/features/app/org-site-favicon.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>