✨ Shares Menu nearly feature complete

frontend/src/routes/+error.svelte

@@ -29,7 +29,7 @@
 		{$t('error_page.404_text')}
 	</p>
 {:else}
-	<p>
+	<p class="text-center">
 		{$t('error_page.unknown_error_text')}
 	</p>
 {/if}

frontend/src/routes/quiztivity/play/+error.svelte

@@ -0,0 +1,53 @@
+<!--
+  - This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at https://mozilla.org/MPL/2.0/.
+  -->
+<script lang="ts">
+	import { navbarVisible } from '$lib/stores';
+	import { page } from '$app/stores';
+	import { getLocalization } from '$lib/i18n';
+
+	navbarVisible.set(true);
+	let status = $page.status;
+	const { t } = getLocalization();
+</script>
+
+<!--
+  - This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at https://mozilla.org/MPL/2.0/.
+  -->
+
+<!--
+  - This Source Code Form is subject to the terms of the Mozilla Public
+  - License, v. 2.0. If a copy of the MPL was not distributed with this
+  - file, You can obtain one at https://mozilla.org/MPL/2.0/.
+  -->
+
+<svelte:head>
+	<title>{$t('words.error')} - {status}</title>
+</svelte:head>
+<h1 class="text-6xl text-center">{status}</h1>
+
+{#if status === 404}
+	<p class="text-center">
+		{$t('error_page.404_text')}
+	</p>
+{:else if status === 410}
+	<p class="text-center">
+		{$t('quiztivity.share_expired')}
+	</p>
+{:else}
+	<p class="text-center">
+		{$t('error_page.unknown_error_text')}
+	</p>
+{/if}
+
+<div class="flex justify-center mt-8">
+	<img
+		class="rounded-lg"
+		src="https://http.cat/{status}"
+		alt="Cat representing the {status}-http error code"
+	/>
+</div>

frontend/src/routes/quiztivity/play/+page.ts

@@ -10,12 +10,18 @@ import type { Data } from '$lib/quiztivity/types';
 
 export const load = (async ({ url, fetch }) => {
 	const id = url.searchParams.get('id');
+	const share = url.searchParams.get('share') === 'true';
 	if (!id) {
 		throw error(400, 'id missing');
 	}
-	const resp = await fetch(`/api/v1/quiztivity/${id}`);
+	let resp: Response;
+	if (share) {
+		resp = await fetch(`/api/v1/quiztivity/shares/${id}`);
+	} else {
+		resp = await fetch(`/api/v1/quiztivity/${id}`);
+	}
 	if (!resp.ok) {
-		throw error(404, 'quiztivity not found');
+		throw error(resp.status);
 	}
 	const data: Data = await resp.json();
 	return {

frontend/src/routes/quiztivity/share/[share_id]/+page.server.ts

@@ -0,0 +1,14 @@
+/*
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/.
+ */
+
+import { redirect } from '@sveltejs/kit';
+
+import type { PageServerLoad } from './$types';
+
+export const load = (({ params }) => {
+	const quiz_id = params.share_id;
+	throw redirect(301, `/quiztivity/play?id=${quiz_id}&share=true`);
+}) satisfies PageServerLoad;