bug: fix error page render (#1630)

syntaxfm · Apr 2, 2024 · 4e3df20 · 4e3df20
1 parent 27bf302
commit 4e3df20
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 12 deletions.
diff --git a/src/routes/(site)/+error.svelte b/src/routes/(site)/+error.svelte
diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
@@ -0,0 +1,30 @@
+<script lang="ts">
+	import { page } from '$app/stores';
+	import Layout from './(site)/+layout.svelte';
+	import type { UserWithRoles } from '$/server/auth/users';
+
+	// error page does not automatically infer layout data...
+	export let data: {
+		user: UserWithRoles,
+		user_theme: string;
+	};
+	$: ({ user, user_theme } = data);
+</script>
+
+<!-- Manually render (site) layout around error -->
+<Layout data={{ user: user, user_theme }}>
+	<div>
+		<h2>Oopsie-daisy</h2>
+		{#if $page?.error?.message}
+			<p class="error">{$page.error.message}</p>
+		{:else}
+			<p class="error">Something went wrong. Don't worry, we use Sentry!</p>
+		{/if}
+	</div>
+</Layout>
+
+<style>
+	.error {
+		color: var(--warning);
+	}
+</style>
diff --git a/src/routes/(site)/+layout.server.ts → src/routes/+layout.server.ts b/src/routes/(site)/+layout.server.ts → src/routes/+layout.server.ts