ui: show backend error msgs

motis-project · Jan 18, 2025 · e3760dd · e3760dd
1 parent 636154f
commit e3760dd
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/ui/src/lib/ErrorMessage.svelte b/ui/src/lib/ErrorMessage.svelte
@@ -6,4 +6,4 @@
 	} = $props();
 </script>
 
-<div class="m-4 text-red-600">{e}</div>
+<div class="m-4 text-red-600"><div class="min-w-0">{e}</div></div>
diff --git a/ui/src/lib/ItineraryList.svelte b/ui/src/lib/ItineraryList.svelte
@@ -32,7 +32,8 @@
 
 	const throwOnError = (promise: RequestResult<PlanResponse, PlanError, false>) =>
 		promise.then((response) => {
-			if (response.error) throw new Error(String(response.error));
+			console.log(response.error);
+			if (response.error) throw new Error(String((response.error as any).error ?? response.error));
 			return response.data!;
 		});
 </script>

diff --git a/ui/src/routes/+page.svelte b/ui/src/routes/+page.svelte
@@ -224,7 +224,8 @@
 	const onClickTrip = async (tripId: string, replace: boolean = false) => {
 		const { data: itinerary, error } = await trip({ query: { tripId } });
 		if (error) {
-			alert(error);
+			console.log(error);
+			alert(String((error as any).error ?? error));
 			return;
 		}
 		pushStateWithQueryString({ tripId }, { selectedItinerary: itinerary, tripId: tripId }, replace);