created_at and updated_at fields

frontend/src/lib/components/EditAdventure.svelte

@@ -124,11 +124,16 @@
 		latitude={adventureToEdit.latitude}
 		on:close={() => (isPointModalOpen = false)}
 		on:submit={setLongLat}
+		query={adventureToEdit.name}
 	/>
 {/if}
 
 {#if isImageFetcherOpen}
-	<ImageFetcher on:image={handleImageFetch} on:close={() => (isImageFetcherOpen = false)} />
+	<ImageFetcher
+		on:image={handleImageFetch}
+		name={adventureToEdit.name}
+		on:close={() => (isImageFetcherOpen = false)}
+	/>
 {/if}
 
 <dialog id="my_modal_1" class="modal">

frontend/src/lib/components/ImageFetcher.svelte

@@ -6,7 +6,8 @@
 	let modal: HTMLDialogElement;
 
 	let url: string = '';
-	let query: string = '';
+
+	export let name: string | null = null;
 
 	let error = '';
 
@@ -30,13 +31,13 @@
 	}
 
 	async function fetchWikiImage() {
-		let res = await fetch(`/api/generate/img/?name=${query}`);
+		let res = await fetch(`/api/generate/img/?name=${name}`);
 		let data = await res.json();
 		if (data.source) {
 			let imageUrl = data.source;
 			let res = await fetch(imageUrl);
 			let blob = await res.blob();
-			let file = new File([blob], `${query}.jpg`, { type: 'image/jpeg' });
+			let file = new File([blob], `${name}.jpg`, { type: 'image/jpeg' });
 			close();
 			dispatch('image', { file });
 		} else {
@@ -75,7 +76,7 @@
 			<input
 				type="text"
 				class="input input-bordered w-full max-w-xs"
-				bind:value={query}
+				bind:value={name}
 				placeholder="Enter a Wikipedia Article Name"
 			/>
 			<button class="btn btn-primary" on:click={fetchWikiImage}>Submit</button>

frontend/src/lib/components/NewAdventure.svelte

@@ -132,11 +132,19 @@
 </script>
 
 {#if isPointModalOpen}
-	<PointSelectionModal on:close={() => (isPointModalOpen = false)} on:submit={setLongLat} />
+	<PointSelectionModal
+		query={newAdventure.name}
+		on:close={() => (isPointModalOpen = false)}
+		on:submit={setLongLat}
+	/>
 {/if}
 
 {#if isImageFetcherOpen}
-	<ImageFetcher on:image={handleImageFetch} on:close={() => (isImageFetcherOpen = false)} />
+	<ImageFetcher
+		on:image={handleImageFetch}
+		name={newAdventure.name}
+		on:close={() => (isImageFetcherOpen = false)}
+	/>
 {/if}
 
 <!-- svelte-ignore a11y-no-noninteractive-tabindex -->

frontend/src/lib/components/PointSelectionModal.svelte

@@ -10,7 +10,11 @@
 
 	let markers: Point[] = [];
 
-	let query: string = '';
+	export let query: string | null = null;
+
+	if (query) {
+		geocode();
+	}
 
 	export let longitude: number | null = null;
 	export let latitude: number | null = null;
@@ -43,8 +47,10 @@
 
 	let places: OpenStreetMapPlace[] = [];
 
-	async function geocode(e: Event) {
-		e.preventDefault();
+	async function geocode(e: Event | null) {
+		if (e) {
+			e.preventDefault();
+		}
 		if (!query) {
 			alert('Please enter a location');
 			return;

frontend/src/lib/types.ts

@@ -25,7 +25,8 @@ export type Adventure = {
 	latitude: number | null;
 	longitude: number | null;
 	is_public: boolean;
-	created_at?: string;
+	created_at?: string | null;
+	updated_at?: string | null;
 };
 
 export type Country = {

frontend/src/routes/adventures/+page.svelte

@@ -271,9 +271,9 @@
 							class="join-item btn btn-neutral"
 							type="radio"
 							name="order_by"
-							id="created_at"
-							value="created_at"
-							aria-label="Created"
+							id="updated_at"
+							value="updated_at"
+							aria-label="Updated"
 							checked
 						/>
 						<input

frontend/src/routes/collections/+page.svelte

@@ -215,24 +215,26 @@
 			<div class="form-control">
 				<form action="?/get" method="post" use:enhance={handleSubmit}>
 					<h3 class="text-center font-semibold text-lg mb-4">Sort</h3>
-					<p class="text-md font-semibold mb-2">Order Direction</p>
-					<label for="asc">Ascending</label>
-					<input
-						type="radio"
-						name="order_direction"
-						id="asc"
-						class="radio radio-primary"
-						checked
-						value="asc"
-					/>
-					<label for="desc">Descending</label>
-					<input
-						type="radio"
-						name="order_direction"
-						id="desc"
-						value="desc"
-						class="radio radio-primary"
-					/>
+					<p class="text-lg font-semibold mb-2">Order Direction</p>
+					<div class="join">
+						<input
+							class="join-item btn btn-neutral"
+							type="radio"
+							name="order_direction"
+							id="asc"
+							value="asc"
+							aria-label="Ascending"
+							checked
+						/>
+						<input
+							class="join-item btn btn-neutral"
+							type="radio"
+							name="order_direction"
+							id="desc"
+							value="desc"
+							aria-label="Descending"
+						/>
+					</div>
 					<br />
 
 					<input

frontend/src/routes/search/+page.svelte

@@ -60,7 +60,7 @@
 	<h2 class="text-center font-bold text-2xl mb-4">Online Results</h2>
 	<div class="flex flex-wrap gap-4 mr-4 justify-center content-center">
 		{#each osmResults as result}
-			<div class="bg-base-300 rounded-lg shadow-md p-4 w-96">
+			<div class="bg-base-300 rounded-lg shadow-md p-4 w-96 mb-2">
 				<h2 class="text-xl font-bold">{result.display_name}</h2>
 				<p>{result.type}</p>
 				<p>{result.lat}, {result.lon}</p>