Rotimi Best
b96d91cd7c
* chore: migration to SvelteKit 2 * stage 1: migrate to svelte 5 and fix rerendering issues * stage 2: fix more $: reactivity across dashboard * fix merge conflicts * chore: migrate code in main to svelte 5 * chore: update preventDefault * chore: simplify tsconfig and remove unused mobileMenuRef in MobileMenu.svelte * chore: enforce .ts across dashboard * rename from classroomio-com to website * stage-3: Replace carbon icon svelte with lucide icon * update lock file * chore: finish icon replacement * fix: settings and setup page multiple rerender * stage 3: More icon and rerendering fixes * feat: setup drizzle and better auth * fix: onboarding validation error showing translation key #586 (#593) * fix: onboarding validation error showing translation key #586 * fix: remove debug log for profile update errors * chore: add a clean command * fix: remove message from email verification response
49 lines
1.6 KiB
Svelte
49 lines
1.6 KiB
Svelte
<script>
|
|
import { goto } from '$app/navigation';
|
|
import { browser } from '$app/environment';
|
|
import { page } from '$app/state';
|
|
import { globalStore } from '$lib/utils/store/app';
|
|
import ErrorIcon from '$lib/components/Icons/ErrorIcon.svelte';
|
|
import ErrorIconDarkMode from '$lib/components/Icons/ErrorIconDarkMode.svelte';
|
|
|
|
if (page.status == 404 && browser) {
|
|
goto('/404');
|
|
}
|
|
console.error(page.error?.message);
|
|
</script>
|
|
|
|
<svelte:head>
|
|
<title>{page.status}</title>
|
|
</svelte:head>
|
|
|
|
<div
|
|
class="error-container m-auto flex h-full flex-col-reverse items-center justify-center py-10 md:flex-col-reverse lg:flex-row dark:bg-black"
|
|
>
|
|
<div class="p-2 md:w-full lg:w-2/4">
|
|
<h2 class="w-full text-lg font-medium lg:text-3xl lg:font-normal">Something unexpected occured.</h2>
|
|
<p class="my-6 w-full text-base font-normal text-gray-600 dark:text-white">
|
|
Don't worry, your learning is safe. It isn't your fault, it is ours. We have gotten the error notification and
|
|
will push a fix ASAP. In the meantime, take a short break and come back a bit later.
|
|
</p>
|
|
<a
|
|
class="bg-primary-700 hover:bg-primary-900 mt-3 rounded-xl px-9 py-3 text-white transition-all hover:no-underline"
|
|
href="/">Go Home</a
|
|
>
|
|
</div>
|
|
|
|
<div class="flex w-72 items-center justify-center lg:w-2/4">
|
|
<!-- to check if it's in dark mode so as to render the appropriate svg -->
|
|
{#if $globalStore.isDark}
|
|
<ErrorIcon size="{16}DarkMode" />
|
|
{:else}
|
|
<ErrorIcon size={16} />
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
|
|
<style>
|
|
.error-container {
|
|
max-width: 964px;
|
|
}
|
|
</style>
|