Add train details to train endpoint. Formatting and styling incomplete

src/routes/trains/+page.svelte

@@ -1,34 +1,29 @@
 <script lang="ts">
-    import NoResults from '$lib/components/ui/NoResults.svelte';
+	import NoResults from '$lib/components/ui/NoResults.svelte';
 	import TrainService from '$lib/components/ui/TrainService.svelte';
-    let { data } = $props();
-
+	let { data } = $props();
 </script>
 
-
-
 {#if data.results.length === 0}
-    <NoResults 
-        message={"No trains found on this date with this headcode."}
-    />
+	<NoResults message={'No trains found on this date with this headcode.'} />
 {:else}
-<div class="result-boxes">
-    {#each data.results as service (service.r)}
-        <TrainService {service} />
-    {/each}
-    </div>
+	<div class="result-boxes">
+		{#each data.results as service (service.r)}
+			<TrainService {service} />
+		{/each}
+	</div>
 {/if}
 
 <style>
-    .result-boxes {
-        width: 95%;
-        margin: auto;
-        padding-top: 1rem;
-        padding-bottom: 1rem;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        flex-direction: column;
-        gap: 1rem;
-    }
+	.result-boxes {
+		width: 95%;
+		margin: auto;
+		padding-top: 1rem;
+		padding-bottom: 1rem;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		flex-direction: column;
+		gap: 1rem;
+	}
 </style>

src/routes/trains/+page.ts

@@ -4,61 +4,59 @@ import type { PageLoad } from './$types';
 import { error } from '@sveltejs/kit';
 
 export const load: PageLoad = async ({ url }) => {
-    const headcode = url.searchParams.get('h');
-    let dateParam = url.searchParams.get('d');
-    const toc = url.searchParams.get('t') || "";
+	const headcode = url.searchParams.get('h');
+	let dateParam = url.searchParams.get('d');
+	const toc = url.searchParams.get('t') || '';
 
-    const date: string | Date = (dateParam === "" || dateParam === null)
-        ? new Date()
-        : dateParam;
+	const date: string | Date = dateParam === '' || dateParam === null ? new Date() : dateParam;
 
-    if (!headcode) {
-        throw error(400, {
-            message: 'Headcode not provided',
-            owlCode: 'INVALID_DATA'
-        });
-    }
+	if (!headcode) {
+		throw error(400, {
+			message: 'Headcode not provided',
+			owlCode: 'INVALID_DATA'
+		});
+	}
 
-    // Declared outside of the try so that it can be used in both the try and catch blocks
-    let results: ApiTrainsTrainByHeadcode.TrainByHeadcodeResponse[]
+	// Declared outside of the try so that it can be used in both the try and catch blocks
+	let results: ApiTrainsTrainByHeadcode.TrainByHeadcodeResponse[];
 
-    try {
-        const response = await OwlClient.trains.getByHeadcode(headcode, date, toc);
+	try {
+		const response = await OwlClient.trains.getByHeadcode(headcode, date, toc);
 
-        results = (response.data);
-        return {
-            title: headcode.toUpperCase(),
-            results: results,
-        }
-    } catch (e: unknown) {
-        if (e instanceof ValidationError) {
-            throw error(400, {
-                message: e.message,
-                owlCode: 'VALIDATION_ERROR',
-            });
-        } else if (e instanceof ApiError) {
-            // Check if NO_RESULTS error, and return empty array if that is the case
-            if (e.code === "NOT_FOUND") {
-                return {
-                    title: headcode.toUpperCase(),
-                    results: []
-                }
-            } else {
-                throw error(e.status, {
-                    message: e.message,
-                    owlCode: 'API_ERROR',
-                });
-            }
-        } else if (e instanceof Error) {
-            throw error(500, {
-                message: e.message,
-                owlCode: 'GEN_ERROR',
-            })
-        } else {
-            throw error(500, {
-                message: "Unexpected error",
-                owlCode: "UNKNOWN_ERR",
-            })
-        }
-    }
-}
+		results = response.data;
+		return {
+			title: headcode.toUpperCase(),
+			results: results
+		};
+	} catch (e: unknown) {
+		if (e instanceof ValidationError) {
+			throw error(400, {
+				message: e.message,
+				owlCode: 'VALIDATION_ERROR'
+			});
+		} else if (e instanceof ApiError) {
+			// Check if NO_RESULTS error, and return empty array if that is the case
+			if (e.code === 'NOT_FOUND') {
+				return {
+					title: headcode.toUpperCase(),
+					results: []
+				};
+			} else {
+				throw error(e.status, {
+					message: e.message,
+					owlCode: 'API_ERROR'
+				});
+			}
+		} else if (e instanceof Error) {
+			throw error(500, {
+				message: e.message,
+				owlCode: 'GEN_ERROR'
+			});
+		} else {
+			throw error(500, {
+				message: 'Unexpected error',
+				owlCode: 'UNKNOWN_ERR'
+			});
+		}
+	}
+};