From 40277e33805298809ca45cd10d55360b1a1ca294 Mon Sep 17 00:00:00 2001
From: Alessio Davoli <davoli.alessio@webdeploy.it>
Date: Tue, 12 Dec 2023 18:53:49 +0100
Subject: [PATCH] Remove some unused code

---
 frontend/src/lib/components/Tabs.svelte        | 6 +-----
 frontend/src/lib/components/tabs/MapTab.svelte | 2 +-
 frontend/src/routes/routes/[slug]/+page.svelte | 9 +++++++--
 3 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/frontend/src/lib/components/Tabs.svelte b/frontend/src/lib/components/Tabs.svelte
index 92d9eff..1d37e23 100644
--- a/frontend/src/lib/components/Tabs.svelte
+++ b/frontend/src/lib/components/Tabs.svelte
@@ -9,10 +9,6 @@
 
 	let ref: HTMLDivElement;
 	let component = InfoTab;
-	onMount(() => {
-		const gbcr = ref.getBoundingClientRect();
-		ref.style.height = `${gbcr.height}px`;
-	});
 
 	const activeClicked = (evt) => {
 		const clickedTab = evt.target.closest('button');
@@ -35,7 +31,7 @@
 				break;
 		}
 
-		dispatch('map-click', { component });
+		dispatch('tab-click', { component });
 	};
 </script>
 
diff --git a/frontend/src/lib/components/tabs/MapTab.svelte b/frontend/src/lib/components/tabs/MapTab.svelte
index 86c3beb..5654db2 100644
--- a/frontend/src/lib/components/tabs/MapTab.svelte
+++ b/frontend/src/lib/components/tabs/MapTab.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { onMount, onDestroy } from 'svelte';
-	import { fade, fly } from 'svelte/transition';
+	import { fade } from 'svelte/transition';
 
 	export let route;
 	const pianelloCoordinates = [43.14, 12.53];
diff --git a/frontend/src/routes/routes/[slug]/+page.svelte b/frontend/src/routes/routes/[slug]/+page.svelte
index a387a50..cb8aa19 100644
--- a/frontend/src/routes/routes/[slug]/+page.svelte
+++ b/frontend/src/routes/routes/[slug]/+page.svelte
@@ -1,12 +1,17 @@
 <script lang="ts">
 	import Header from '$lib/components/Header.svelte';
 	import Tabs from '$lib/components/Tabs.svelte';
+	import MapTab from '$lib/components/tabs/MapTab.svelte';
 
 	export let data: App.Route;
 
 	let divider;
 
-    const mapClick = () => {};
+    const tabClick = (event) => {
+		if (event.detail.component === MapTab) {
+			
+		}
+	};
 </script>
 
 <Header></Header>
@@ -17,7 +22,7 @@
 		<p class='path-name'>Percorso <b>{data.name_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>
+	<Tabs on:tab-click={tabClick} route={data}></Tabs>
 </div>
 
 <style>