From f24a7b8a76dbbc2f274c4e4c5660766527197921 Mon Sep 17 00:00:00 2001
From: Ota Prokopec <otaprokopec@gmail.com>
Date: Tue, 14 Mar 2023 18:57:59 +0100
Subject: [PATCH] Oprava Profile (routes), Layouts in Profile

---
 src/App.svelte                                  |  1 +
 src/__layout.svelte                             |  2 +-
 src/__routes.svelte                             |  3 ++-
 .../components/Layouts/ArrowBackLayout.svelte   | 16 ++++++++++++++++
 src/routes/profile/profile-functions.svelte     | 17 +++++------------
 src/routes/profile/profile.svelte               |  3 +--
 6 files changed, 26 insertions(+), 16 deletions(-)
 create mode 100644 src/lib/components/Layouts/ArrowBackLayout.svelte

diff --git a/src/App.svelte b/src/App.svelte
index e88bdc4..0e55d3f 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -55,5 +55,6 @@
 		width: 100%;
 		position: relative;
 		max-width: var(--max-viewport-width);
+		padding: 10px;
 	}
 </style>
diff --git a/src/__layout.svelte b/src/__layout.svelte
index 9efef73..8200439 100644
--- a/src/__layout.svelte
+++ b/src/__layout.svelte
@@ -1,3 +1,3 @@
-<main class="w-full h-full">
+<main class="w-full h-full ">
 	<slot />
 </main>
diff --git a/src/__routes.svelte b/src/__routes.svelte
index 8471594..9b063a5 100644
--- a/src/__routes.svelte
+++ b/src/__routes.svelte
@@ -5,6 +5,7 @@
 	import Loading from '$src/__loading.svelte'
 	import Error from '$src/__error.svelte'
 	import NavigationBarLayout from '$lib/components/Layouts/NavigationBarLayout.svelte'
+	import ArrowBackLayout from '$lib/components/Layouts/ArrowBackLayout.svelte'
 </script>
 
 <Router
@@ -50,7 +51,7 @@
 		{
 			path: '/profile/setting/:function',
 			component: () => import('$routes/profile/profile-functions.svelte'),
-			layout: NavigationBarLayout,
+			layout: ArrowBackLayout,
 		},
 		{
 			path: '/login',
diff --git a/src/lib/components/Layouts/ArrowBackLayout.svelte b/src/lib/components/Layouts/ArrowBackLayout.svelte
new file mode 100644
index 0000000..a30f47f
--- /dev/null
+++ b/src/lib/components/Layouts/ArrowBackLayout.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+	import { navigate } from '$lib/router'
+	import ArrowBack from '$lib/svg/ArrowBack.svelte'
+</script>
+
+<div class="w-full h-auto flex flex-wrap flex-col">
+	<button
+		class="absolute mt-4 z-50"
+		on:click={() => {
+			navigate(-1)
+		}}
+	>
+		<ArrowBack />
+	</button>
+	<slot />
+</div>
diff --git a/src/routes/profile/profile-functions.svelte b/src/routes/profile/profile-functions.svelte
index a99b878..7211f99 100644
--- a/src/routes/profile/profile-functions.svelte
+++ b/src/routes/profile/profile-functions.svelte
@@ -24,28 +24,21 @@
 	}
 </script>
 
-<div class="main">
+<div class="main w-full">
 	<div class="head">
-		<button
-			on:click={() => {
-				navigate('/profile')
-			}}
-		>
-			<ArrowBack />
-		</button>
 		<h1>{data.display_name}</h1>
 	</div>
-	
+
 	<svelte:component this={data.view} />
 </div>
 
 <style lang="scss">
-	.main{
+	.main {
 		display: flex;
 		flex-direction: column;
 		align-items: center;
 		justify-content: stretch;
-		height: 100%;
+		height: auto;
 		.head {
 			width: 100%;
 			display: flex;
@@ -56,7 +49,7 @@
 			margin-bottom: 20px;
 
 			position: relative;
-			
+
 			h1 {
 				font-weight: 600;
 				font-size: 32px;
diff --git a/src/routes/profile/profile.svelte b/src/routes/profile/profile.svelte
index 7fbf501..1594fdd 100644
--- a/src/routes/profile/profile.svelte
+++ b/src/routes/profile/profile.svelte
@@ -16,10 +16,9 @@
 	import collections from '$lib/collections'
 	import { Query } from 'appwrite'
 
-
 	export let params: { erantId: string }
 	//
-	$: [userInfo] = collections.users.getDocument([Query.equal('userID', params.erantId)])
+	$: [userInfo] = collections.users.getDocument([Query.equal('erantId', params.erantId)])
 
 	$: console.log($user)