src/routes/+error.svelte


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

<script>
	import { page } from '$app/stores';
	import { Icon, PageNotFound } from '$comp';
	import { t } from '$lib/translations';

	export let data;
	let { user } = data;
</script>

{#if $page.error.message.includes('not found') || $page.status === 404}
	<PageNotFound />
{:else}
	<div class="container px-4 max-w-md mx-auto mt-20 text-center">
		<h1 class="text-center text-3xl md:text-4xl font-semibold mb-8">
			{$t('error.header')}
		</h1>

		<p class="px-1 break-all mb-8">{$page.error.message}</p>

		<a href={`/${user.username}/dashboard`}>
			<button class="rounded-full bg-black text-white py-2 px-5 font-bold hover:opacity-80 mb-2"
				>Go Home</button
			>
		</a>
	</div>
{/if}