something went wrong page

Signed-off-by: jackdisalvatore <[email protected]>

Author: JackDiSalvatore

frontend/src/lib/components/SomethingWentWrong/SomethingWentWrong.svelte

@@ -0,0 +1,25 @@
+<script>
+	import { fade } from 'svelte/transition';
+</script>
+
+<div
+	class="flex h-full w-full items-center justify-center"
+	style="background-color: hsl(var(--primary));height: 100dvh;"
+>
+	<div>
+		<h1 in:fade={{ duration: 2000 }}>
+			{`:( Oh No!`}
+		</h1>
+		<h1 in:fade={{ delay: 1000, duration: 2000 }}>
+			{`Something Went Wrong`}
+		</h1>
+	</div>
+</div>
+
+<style>
+	h1 {
+		font-size: 4.5rem;
+		color: hsl(var(--primary-content));
+		margin: 2%;
+	}
+</style>

frontend/src/routes/+layout.svelte

@@ -10,6 +10,7 @@
 	import UnityAuthContextProvider from '$lib/context/UnityAuthContextProvider.svelte';
 	import { getModeFromEnv, type Mode } from '$lib/services/mode/mode';
 	import User from '$lib/components/User/User.svelte';
+	import SomethingWentWrong from '$lib/components/SomethingWentWrong/SomethingWentWrong.svelte';
 
 	let contextProviderProps: AsyncResult<UnityAuthContextProviderProps> = ASYNC_IN_PROGRESS;
 
@@ -51,7 +52,7 @@
 {:else if contextProviderProps.type == 'inProgress'}
 	<!-- <SplashLoading /> -->
 {:else}
-	<!-- <SomethingWentWrong /> -->
+	<SomethingWentWrong />
 {/if}
 
 <style>