Wikipedia error handling

seanmorley15 · Aug 17, 2024 · f8338c6 · f8338c6
1 parent 15cca42
commit f8338c6
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/frontend/src/lib/components/EditAdventure.svelte b/frontend/src/lib/components/EditAdventure.svelte
@@ -16,6 +16,7 @@
 
 	let isPointModalOpen: boolean = false;
 	let isImageFetcherOpen: boolean = false;
+	let wikiError: string = '';
 
 	let fileInput: HTMLInputElement;
 	let image: File;
@@ -55,8 +56,14 @@
 	async function generateDesc() {
 		let res = await fetch(`/api/generate/desc/?name=${adventureToEdit.name}`);
 		let data = await res.json();
+		if (!res.ok) {
+			wikiError = 'No article found';
+		}
 		if (data.extract) {
+			wikiError = '';
 			adventureToEdit.description = data.extract;
+		} else {
+			wikiError = 'No description found';
 		}
 	}
 
@@ -226,6 +233,9 @@
 							><Wikipedia class="inline-block -mt-1 mb-1 w-6 h-6" />Generate Description</button
 						>
 					</div>
+					{#if wikiError}
+						<p class="text-red-500">{wikiError}</p>
+					{/if}
 				</div>
 				{#if adventureToEdit.type == 'visited' || adventureToEdit.type == 'planned'}
 					<div class="mb-2">

diff --git a/frontend/src/lib/components/NewAdventure.svelte b/frontend/src/lib/components/NewAdventure.svelte
@@ -28,6 +28,8 @@
 	export let startDate: string | null = null;
 	export let endDate: string | null = null;
 
+	let wikiError: string = '';
+
 	let newAdventure: Adventure = {
 		id: '',
 		type: type,
@@ -105,8 +107,14 @@
 	async function generateDesc() {
 		let res = await fetch(`/api/generate/desc/?name=${newAdventure.name}`);
 		let data = await res.json();
+		if (!res.ok) {
+			wikiError = 'No article found';
+		}
 		if (data.extract) {
+			wikiError = '';
 			newAdventure.description = data.extract;
+		} else {
+			wikiError = 'No description found';
 		}
 	}
 
@@ -307,6 +315,9 @@
 							><Wikipedia class="inline-block -mt-1 mb-1 w-6 h-6" />Generate Description</button
 						>
 					</div>
+					{#if wikiError}
+						<p class="text-red-500">{wikiError}</p>
+					{/if}
 				</div>
 				{#if newAdventure.type == 'visited' || newAdventure.type == 'planned'}
 					<div class="mb-2">