From a572d710b3e3ab36dcadc7f8766ceddf77c9d389 Mon Sep 17 00:00:00 2001
From: Alessio Davoli <davoli.alessio@webdeploy.it>
Date: Mon, 27 Nov 2023 05:37:21 +0100
Subject: [PATCH] Insert sport details data

---
 .../src/lib/components/tabs/InfoTab.svelte    | 22 +++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/frontend/src/lib/components/tabs/InfoTab.svelte b/frontend/src/lib/components/tabs/InfoTab.svelte
index c19bc9a..c74c1fe 100644
--- a/frontend/src/lib/components/tabs/InfoTab.svelte
+++ b/frontend/src/lib/components/tabs/InfoTab.svelte
@@ -1,51 +1,51 @@
-<script>
-	export let route;
+<script lang="ts">
+	export let route: App.Route;
 </script>
 
 <div id="grid">
 	<div>
 		<p>Distanza</p>
-		<p>Value</p>
+		<p>{route.route_sport_details[0].distance} m</p>
 	</div>
 
 	<div>
 		<p>Dislivello Positivo</p>
-		<p>Value</p>
+		<p>{route.route_sport_details[0].elevation_gain}</p>
 	</div>
 
 	<div>
 		<p>Velocità Media</p>
-		<p>Value</p>
+		<p>N/A</p>
 	</div>
 
 	<div>
 		<p>Difficolta</p>
-		<p>Value</p>
+		<p>{route.route_sport_details[0].difficulty_it}</p>
 	</div>
 
 	<div>
 		<p>Dislivello Negativo</p>
-		<p>Value</p>
+		<p>{route.route_sport_details[0].elevation_loss}</p>
 	</div>
 
 	<div>
 		<p>Durata</p>
-		<p>Value</p>
+		<p>{route.route_sport_details[0].duration}'</p>
 	</div>
 
 	<div>
 		<p>Altitudine max</p>
-		<p>Value</p>
+		<p>{route.route_sport_details[0].altitude_max}</p>
 	</div>
 
 	<div>
 		<p>Altitudine min</p>
-		<p>Value</p>
+		<p>{route.route_sport_details[0].altitude_min}</p>
 	</div>
 
 	<div>
 		<p>Tipo Percorso</p>
-		<p>Value</p>
+		<p>{route.route_sport_details[0].route_type_it}</p>
 	</div>
 </div>