22a3e6484b
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]>
91 lines
2.8 KiB
Svelte
91 lines
2.8 KiB
Svelte
<script lang="ts">
|
|
import { onMount } from 'svelte';
|
|
import { resolve } from '$app/paths';
|
|
|
|
import { appInitApi } from '$features/app/init.svelte';
|
|
import { Spinner } from '@cio/ui/base/spinner';
|
|
import { Button } from '@cio/ui/base/button';
|
|
import FrownIcon from '@lucide/svelte/icons/frown';
|
|
import { Empty } from '@cio/ui/custom/empty';
|
|
import { SimpleLogoNav } from '@cio/ui/custom/simple-logo-nav';
|
|
import { buildOrgLandingPageProps, normalizeLandingPageSettings } from '$features/org/utils/landing-page';
|
|
import { basePath } from '$lib/utils/store/app';
|
|
import { t } from '$lib/utils/functions/translations';
|
|
import { user } from '$lib/utils/store/user';
|
|
|
|
let { data } = $props();
|
|
|
|
const hasSetupError = $derived(!appInitApi.loading && !!appInitApi.error);
|
|
|
|
const pageTitle = $derived(
|
|
data.isOrgSite && data.org
|
|
? data.org.name
|
|
: 'ClassroomIO - One Platform for Customer, Partner, and Employee Training'
|
|
);
|
|
|
|
const authAction = $derived(
|
|
$user.isLoggedIn
|
|
? {
|
|
label: t.get($basePath === '/lms' || $basePath === '#' ? 'navigation.goto_lms' : 'navigation.goto_dashboard'),
|
|
href: resolve($basePath !== '#' ? $basePath : '/lms', {})
|
|
}
|
|
: {
|
|
label: t.get('navigation.login'),
|
|
href: '/login'
|
|
}
|
|
);
|
|
|
|
const landingPageProps = $derived.by(() => {
|
|
if (!data.isOrgSite || !data.org) return null;
|
|
|
|
return buildOrgLandingPageProps(
|
|
data.org,
|
|
normalizeLandingPageSettings(data.org.landingpage),
|
|
data.courses,
|
|
data.hasMoreCourses,
|
|
authAction
|
|
);
|
|
});
|
|
|
|
onMount(() => {
|
|
if (!data.isOrgSite || !data.org) {
|
|
if (!appInitApi.loading) {
|
|
appInitApi.setupApp(data.locals, {
|
|
isOrgSite: data.isOrgSite,
|
|
orgSiteName: data.orgSiteName
|
|
});
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<svelte:head>
|
|
<title>{pageTitle}</title>
|
|
</svelte:head>
|
|
|
|
{#if data.isOrgSite && data.org}
|
|
{#if data.ThemeComponent && landingPageProps}
|
|
<svelte:component this={data.ThemeComponent} {...landingPageProps} />
|
|
{/if}
|
|
{:else if hasSetupError}
|
|
<Empty
|
|
title="Something Went Wrong"
|
|
description="We encountered an unexpected error. Please reload the page or contact us for support."
|
|
icon={FrownIcon}
|
|
variant="page"
|
|
layout="full-page"
|
|
showLogo={true}
|
|
>
|
|
<p class="my-2 text-red-500">{appInitApi.error}</p>
|
|
<div class="flex gap-2">
|
|
<Button variant="secondary" onclick={() => window.location.reload()}>Reload Page</Button>
|
|
<Button variant="default" href="https://classroomio.com/contact">Contact Us</Button>
|
|
</div>
|
|
</Empty>
|
|
{:else}
|
|
<div class="m-2 flex h-screen w-screen flex-col items-center justify-center font-sans sm:m-0">
|
|
<SimpleLogoNav />
|
|
<Spinner class="size-14! text-blue-700!" />
|
|
</div>
|
|
{/if}
|