From 90fd57b064d3ef0176d5747b79863d6e60a22fc1 Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Wed, 5 Oct 2022 12:07:46 -0700
Subject: detect internal sends

---
 src/routes/+error.svelte | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

(limited to 'src/routes/+error.svelte')

diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
index 58a3144d..e5556b44 100644
--- a/src/routes/+error.svelte
+++ b/src/routes/+error.svelte
@@ -2,22 +2,26 @@
 	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="flex justify-center items-center mt-20">
-		<div class="space-y-5 text-center">
-			<a href="/">
-				<Icon icon="logo" style="mx-auto" />
-			</a>
+	<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>
 
-			<Icon icon="error" style="mx-auto w-56" />
+		<p class="px-1 break-all mb-8">{$page.error.message}</p>
 
-			<h1 class="font-bold text-5xl">{$t('error.header')}</h1>
-			<p class="px-1 w-full md:w-96 break-all font-bold">{$page.error.message}</p>
-			<p>{$t('error.message')}</p>
-		</div>
+		<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}
-- 
cgit v1.2.3