From a18dd9a04e9dd97fbbd494c7d558b0f031910446 Mon Sep 17 00:00:00 2001
From: Alessio Davoli <davoli.alessio@webdeploy.it>
Date: Mon, 10 Jul 2023 19:38:52 +0200
Subject: [PATCH] Add paths page

---
 frontend/src/lib/components/Header.svelte     | 25 +++++++++++++++++--
 .../src/routes/paths/[slug]/+layout.svelte    |  6 -----
 frontend/src/routes/paths/[slug]/+page.svelte |  5 +++-
 3 files changed, 27 insertions(+), 9 deletions(-)
 delete mode 100644 frontend/src/routes/paths/[slug]/+layout.svelte

diff --git a/frontend/src/lib/components/Header.svelte b/frontend/src/lib/components/Header.svelte
index aee47e6..4453ab8 100644
--- a/frontend/src/lib/components/Header.svelte
+++ b/frontend/src/lib/components/Header.svelte
@@ -1,3 +1,24 @@
+<script lang='ts'>
+    export let title: string = 'Naturalistici';
+</script>
 <div>
-    <img src='/images/white-back-arrow.png' alt=''>
-</div>
\ No newline at end of file
+    <img class='back' src='/images/white-back-arrow.png' alt=''>
+    <p>Percorsi {title}</p>
+    <img src='/images/app-bar-logo.png' alt=''>
+</div>
+
+<style>
+    div {
+        width: 100%;
+        display: flex;
+        justify-content: space-evenly;
+        align-items: center;
+        background-color: #de0e1b;
+    }
+    div img {
+        height: 40px;
+    }
+    .back {
+        height: 20px;
+    }
+</style>
\ No newline at end of file
diff --git a/frontend/src/routes/paths/[slug]/+layout.svelte b/frontend/src/routes/paths/[slug]/+layout.svelte
deleted file mode 100644
index 79b5e8e..0000000
--- a/frontend/src/routes/paths/[slug]/+layout.svelte
+++ /dev/null
@@ -1,6 +0,0 @@
-<script>
-    import Header from "$lib/components/Header.svelte";
-</script>
-
-<Header></Header>
-<slot></slot>
\ No newline at end of file
diff --git a/frontend/src/routes/paths/[slug]/+page.svelte b/frontend/src/routes/paths/[slug]/+page.svelte
index 2f8112e..b7f0042 100644
--- a/frontend/src/routes/paths/[slug]/+page.svelte
+++ b/frontend/src/routes/paths/[slug]/+page.svelte
@@ -1,3 +1,6 @@
 <script lang="ts">
+	import Header from '$lib/components/Header.svelte';
 	export let data;
-</script>
\ No newline at end of file
+</script>
+
+<Header title={data.title}></Header>
\ No newline at end of file