From 70e18a3b82973c80b19058d147cf8006dad30e55 Mon Sep 17 00:00:00 2001
From: lukas <67807954+lukasabbe@users.noreply.github.com>
Date: Wed, 15 Apr 2026 23:45:36 +0200
Subject: [PATCH] Add error page when coruse is not found

---
 src/routes/[course]/+error.svelte | 16 ++++++++++++++++
 src/routes/[course]/+page.ts      | 15 +++++++++++++--
 2 files changed, 29 insertions(+), 2 deletions(-)
 create mode 100644 src/routes/[course]/+error.svelte

diff --git a/src/routes/[course]/+error.svelte b/src/routes/[course]/+error.svelte
new file mode 100644
index 0000000..608f9f4
--- /dev/null
+++ b/src/routes/[course]/+error.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+	import { page } from '$app/state';
+</script>
+
+<div class="flex flex-col items-center justify-center p-10 text-center font-mono">
+	<h1 class="text-3xl font-bold">Error {page.status}</h1>
+	<p class="mt-2 text-gray-500 dark:text-gray-400">
+		{page.error?.message || 'Something went wrong'}
+	</p>
+	<a
+		href="/"
+		class="mt-4 rounded border px-4 py-2 transition-all hover:bg-gray-100 dark:hover:bg-gray-800"
+	>
+		Go home
+	</a>
+</div>
diff --git a/src/routes/[course]/+page.ts b/src/routes/[course]/+page.ts
index 11a47ae..72d19c4 100644
--- a/src/routes/[course]/+page.ts
+++ b/src/routes/[course]/+page.ts
@@ -1,8 +1,19 @@
+import { error } from '@sveltejs/kit';
 import { getCourseStatistic } from 'liu-tentor-package';
 import type { PageLoad } from './$types';
 
 export const load: PageLoad = async ({ params }) => {
 	const course = params.course;
-	const courseStats = await getCourseStatistic(course);
-	return { courseStats };
+	if (!course) {
+		error(404, 'Course not found');
+	}
+	try {
+		const courseStats = await getCourseStatistic(course);
+		if (!courseStats) {
+			error(404, 'Course not found');
+		}
+		return { courseStats };
+	} catch (e) {
+		error(500, 'Failed to load course');
+	}
 };