From 610b4d65522a1d986961271fb76b8d9c1e707bb7 Mon Sep 17 00:00:00 2001
From: Alessio Davoli <davoli.alessio@webdeploy.it>
Date: Mon, 27 Nov 2023 06:39:00 +0100
Subject: [PATCH] Fix missing sport details values

---
 frontend/src/routes/+page.svelte               |  9 +++------
 frontend/src/routes/+page.ts                   | 15 +++++++++++++++
 frontend/src/routes/routes/[slug]/+page.svelte |  7 ++++---
 frontend/src/routes/routes/[slug]/+page.ts     | 11 +++++++++--
 4 files changed, 31 insertions(+), 11 deletions(-)
 create mode 100644 frontend/src/routes/+page.ts

diff --git a/frontend/src/routes/+page.svelte b/frontend/src/routes/+page.svelte
index 079a159..f28b725 100644
--- a/frontend/src/routes/+page.svelte
+++ b/frontend/src/routes/+page.svelte
@@ -2,13 +2,10 @@
 	import BottomAppBar from '$lib/components/BottomAppBar.svelte';
 	import Path from '$lib/components/Path.svelte';
 	import Splash from '$lib/components/Splash.svelte';
-	import { onMount } from 'svelte';
-	import {getRouteCategories} from '$lib/repo';
 	
-	let categories = [];
-	onMount(async () => {
-		categories = await getRouteCategories();
-	})
+	export let data;
+	let categories = data.categories;
+
 </script>
 
 <Splash />
diff --git a/frontend/src/routes/+page.ts b/frontend/src/routes/+page.ts
new file mode 100644
index 0000000..f8b3cbd
--- /dev/null
+++ b/frontend/src/routes/+page.ts
@@ -0,0 +1,15 @@
+
+import { getRouteCategories } from '$lib/repo.js';
+import { error } from '@sveltejs/kit';
+
+/** @type {import('./$types').PageLoad} */
+export async function load() {
+    let categories = [];
+    try {
+        categories = await getRouteCategories();
+    } catch (ex) {
+        error(500);
+    }
+
+    return { categories };
+}
\ No newline at end of file
diff --git a/frontend/src/routes/routes/[slug]/+page.svelte b/frontend/src/routes/routes/[slug]/+page.svelte
index e5bc7e7..3a80709 100644
--- a/frontend/src/routes/routes/[slug]/+page.svelte
+++ b/frontend/src/routes/routes/[slug]/+page.svelte
@@ -1,13 +1,14 @@
 <script lang="ts">
 	import Header from '$lib/components/Header.svelte';
 	import Tabs from '$lib/components/Tabs.svelte';
-	import { onMount } from 'svelte';
 
 	export let data: App.Route;
 
 	let divider;
 
     const mapClick = () => {};
+
+	console.log(data)
 </script>
 
 <Header></Header>
@@ -15,8 +16,8 @@
 
 <div bind:this={divider} id="divider">
 	<div id="banner">
-		<p>Percorso <b>{data.name_it}</b></p>
-		<p id="duration">Dislivello {data.route_sport_details[0].elevation_gain} m</p>
+		<p>Percorso <b>{data.title_it}</b></p>
+		<p id="duration">Dislivello {data?.route_sport_details[0]?.elevation_gain} m</p>
 	</div>
 	<Tabs on:map-click={mapClick} route={data}></Tabs>
 </div>
diff --git a/frontend/src/routes/routes/[slug]/+page.ts b/frontend/src/routes/routes/[slug]/+page.ts
index e078e99..0ba8b11 100644
--- a/frontend/src/routes/routes/[slug]/+page.ts
+++ b/frontend/src/routes/routes/[slug]/+page.ts
@@ -1,7 +1,14 @@
-import { getRouteByCategory } from '$lib/repo.js';
+import { getRoute } from '$lib/repo.js';
 import { error } from '@sveltejs/kit';
 
 /** @type {import('./$types').PageLoad} */
 export async function load({ params }) {
-    return await getRouteByCategory(params.slug);
+    const routeId = Number(params.slug);
+    const route = await getRoute(routeId);
+
+    if (!route) {
+        error(404);
+    }
+    
+    return route;
 }
\ No newline at end of file