permisison fixes

frontend/src/routes/adventures/+page.server.ts

@@ -175,6 +175,13 @@ export const actions: Actions = {
 		let link = formData.get('link') as string | null;
 		let latitude = formData.get('latitude') as string | null;
 		let longitude = formData.get('longitude') as string | null;
+		let is_public = formData.get('is_public') as string | null | boolean;
+
+		if (is_public) {
+			is_public = true;
+		} else {
+			is_public = false;
+		}
 
 		// check if latitude and longitude are valid
 		if (latitude && longitude) {
@@ -221,6 +228,7 @@ export const actions: Actions = {
 		formDataToSend.append('description', description || '');
 		formDataToSend.append('latitude', latitude || '');
 		formDataToSend.append('longitude', longitude || '');
+		formDataToSend.append('is_public', is_public.toString());
 		if (activity_types) {
 			// Filter out empty and duplicate activity types, then trim each activity type
 			const cleanedActivityTypes = Array.from(

frontend/src/routes/adventures/[id]/+page.server.ts

@@ -5,33 +5,27 @@ import type { Adventure } from '$lib/types';
 const endpoint = PUBLIC_SERVER_URL || 'http://localhost:8000';
 
 export const load = (async (event) => {
-	if (!event.locals.user) {
-		return redirect(302, '/login');
-	} else {
-		const id = event.params as { id: string };
-		let request = await fetch(`${endpoint}/api/adventures/${id.id}/`, {
-			headers: {
-				Cookie: `${event.cookies.get('auth')}`
-			}
-		});
-		if (!request.ok) {
-			console.error('Failed to fetch adventure ' + id.id);
-			return {
-				props: {
-					adventure: null
-				}
-			};
-		} else {
-			let adventure = (await request.json()) as Adventure;
-			if (!adventure.is_public && adventure.user_id !== event.locals.user.pk) {
-				return redirect(302, '/');
-			}
-			return {
-				props: {
-					adventure
-				}
-			};
+	const id = event.params as { id: string };
+	let request = await fetch(`${endpoint}/api/adventures/${id.id}/`, {
+		headers: {
+			Cookie: `${event.cookies.get('auth')}`
 		}
+	});
+	if (!request.ok) {
+		console.error('Failed to fetch adventure ' + id.id);
+		return {
+			props: {
+				adventure: null
+			}
+		};
+	} else {
+		let adventure = (await request.json()) as Adventure;
+
+		return {
+			props: {
+				adventure
+			}
+		};
 	}
 }) satisfies PageServerLoad;
 

frontend/src/routes/adventures/[id]/+page.svelte

@@ -18,25 +18,51 @@
 	import { onMount } from 'svelte';
 	import type { PageData } from './$types';
 	import { goto } from '$app/navigation';
+	import Lost from '$lib/assets/undraw_lost.svg';
 
 	export let data: PageData;
 
 	let adventure: Adventure;
 
+	let notFound: boolean = false;
+
 	onMount(() => {
 		if (data.props.adventure) {
 			adventure = data.props.adventure;
 		} else {
-			goto('/404');
+			notFound = true;
 		}
 	});
 </script>
 
-{#if !adventure}
+{#if notFound}
+	<div
+		class="flex min-h-[100dvh] flex-col items-center justify-center bg-background px-4 py-12 sm:px-6 lg:px-8 -mt-20"
+	>
+		<div class="mx-auto max-w-md text-center">
+			<div class="flex items-center justify-center">
+				<img src={Lost} alt="Lost" class="w-1/2" />
+			</div>
+			<h1 class="mt-4 text-3xl font-bold tracking-tight text-foreground sm:text-4xl">
+				Adventure not Found
+			</h1>
+			<p class="mt-4 text-muted-foreground">
+				The adventure you were looking for could not be found. Please try a different adventure or
+				check back later.
+			</p>
+			<div class="mt-6">
+				<button class="btn btn-primary" on:click={() => goto('/')}>Homepage</button>
+			</div>
+		</div>
+	</div>
+{/if}
+
+{#if !adventure && !notFound}
 	<div class="flex justify-center items-center w-full mt-16">
 		<span class="loading loading-spinner w-24 h-24"></span>
 	</div>
-{:else}
+{/if}
+{#if adventure}
 	{#if adventure.name}
 		<h1 class="text-center font-extrabold text-4xl mb-2">{adventure.name}</h1>
 	{/if}