feat: error page

tutors-sdk · Jul 29, 2023 · c180622 · c180622
1 parent de31e14
commit c180622
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 33 deletions.
diff --git a/apps/web/src/lib/ui/support/Error.svelte b/apps/web/src/lib/ui/support/Error.svelte
diff --git a/apps/web/src/routes/(course-reader)/+layout.svelte b/apps/web/src/routes/(course-reader)/+layout.svelte
@@ -1,12 +1,10 @@
 <script lang="ts">
 	import { browser } from '$app/environment';
 	import { page } from '$app/stores';
-	import '@skeletonlabs/skeleton/styles/all.css';
 	import { AppShell, Toast, storePopup, setInitialClassState } from '@skeletonlabs/skeleton';
 	import { computePosition, autoUpdate, flip, shift, offset, arrow } from '@floating-ui/dom';
 	import { onMount } from 'svelte';
 	import { afterNavigate } from '$app/navigation';
-	import Blank from '$lib/ui/support/Blank.svelte';
 	import NavBar from '$lib/ui/navigators/NavBar.svelte';
 	import PageHeader from '$lib/ui/navigators/PageHeader.svelte';
 	import { Footer } from '$lib/ui/legacy';
@@ -122,7 +120,5 @@
 				</div>
 			</svelte:fragment>
 		</AppShell>
-	{:else}
-		<Blank />
 	{/if}
 </div>
diff --git a/apps/web/src/routes/(home)/+layout.svelte b/apps/web/src/routes/(home)/+layout.svelte
@@ -1,7 +1,4 @@
 <script>
-	import 'tutors-ui/lib/themes/tutors.css';
-	import '@skeletonlabs/skeleton/styles/all.css';
-	import './app.postcss';
 	import { AppShell, AppBar, LightSwitch } from '@skeletonlabs/skeleton';
 	import 'iconify-icon';
 </script>

diff --git a/apps/web/src/lib/ui/support/Blank.svelte → apps/web/src/routes/+error.svelte b/apps/web/src/lib/ui/support/Blank.svelte → apps/web/src/routes/+error.svelte
@@ -29,17 +29,17 @@
 				</g>
 			</svg>
 		</div>
-		<h2 class="flex-none pt-4 font-bold">Tutors Course Reader</h2>
+		<h2 class="flex-none pt-4 font-bold">Tutors</h2>
 	</div>
 
 	<div class="container pb-12">
 		<div class="card rounded-box mx-auto mb-2 p-20">
 			<div class="text-center">
-				<h2>Tutors Open Source Project</h2>
+				<h1>404</h1>
 				<br />
-				<p class="text-lg">This is a reader for Tutors Courses</p>
-				<p class="p-4">See below for details</p>
-				<a class="btn mt-6 bg-primary-500 text-white" href="https://tutors.dev">Tutors Homepage</a>
+				<p class="text-lg">Not Found</p>
+				<p class="p-4">Unfortunately the route you tried to visit cannot be found.</p>
+				<a class="btn mt-6 bg-primary-500 text-white" href="/">Tutors Homepage</a>
 			</div>
 		</div>
 	</div>

diff --git a/apps/web/src/routes/+layout.svelte b/apps/web/src/routes/+layout.svelte
@@ -0,0 +1,7 @@
+<script>
+	import 'tutors-ui/lib/themes/tutors.css';
+	import '@skeletonlabs/skeleton/styles/all.css';
+	import './app.postcss';
+</script>
+
+<slot />
diff --git a/apps/web/src/routes/(home)/app.postcss → apps/web/src/routes/app.postcss b/apps/web/src/routes/(home)/app.postcss → apps/web/src/routes/app.postcss