Layouting + game->experience renaming

src/__routes.svelte

@@ -13,11 +13,31 @@
 	loading={Loading}
 	error={Error}
 	routes={[
-		{
+		...[
-			path: '/',
+			{
-			component: () => import('$routes/homepage/homepage.svelte'),
+				path: '/',
-			layout: NavigationBarLayout,
+				component: () => import('$routes/homepage/homepage.svelte'),
-		},
+			},
+			{
+				path: '/explore',
+				component: () => import('$routes/explore/explore.svelte'),
+			},
+			{
+				path: '/profile/:erantId',
+				component: () => import('$routes/profile/profile.svelte'),
+			},
+		].map((routes) => {
+			return { ...routes, layout: NavigationBarLayout }
+		}),
+		...[
+			{
+				path: '/profile/setting/:function',
+				component: () => import('$routes/profile/profile-functions.svelte'),
+			},
+		].map((routes) => {
+			return { ...routes, layout: NavigationBarLayout }
+		}),
+
 		{
 			path: '/error',
 			component: () => import('$routes/error.svelte'),
@@ -34,25 +54,12 @@
 			path: '/map',
 			component: () => import('$root/src/routes/map/map.svelte'),
 		},
-		{
+
-			path: '/explore',
-			component: () => import('$routes/explore/explore.svelte'),
-			layout: NavigationBarLayout,
-		},
 		{
 			path: '/profile/',
 			component: () => import('$src/__error.svelte'),
 		},
-		{
+
-			path: '/profile/:erantId',
-			component: () => import('$routes/profile/profile.svelte'),
-			layout: NavigationBarLayout,
-		},
-		{
-			path: '/profile/setting/:function',
-			component: () => import('$routes/profile/profile-functions.svelte'),
-			layout: ArrowBackLayout,
-		},
 		{
 			path: '/login',
 			component: () => import('$routes/authorization/login/log_in.svelte'),
@@ -76,7 +83,7 @@
 		},
 		{
 			path: '/:gameurl',
-			component: () => import('$root/src/routes/game/experience.svelte'),
+			component: () => import('$routes/game/experience.svelte'),
 		},
 		{
 			path: '/terms-and-conditions',
@@ -97,6 +104,6 @@
 		{
 			path: '/preferences',
 			component: () => import('$root/src/routes/onboarding/interestsPage.svelte'),
-		}
+		},
 	]}
 />

src/routes/game/Forms/Renderer.svelte

@@ -12,7 +12,7 @@
 	import Info from './Info.svelte'
 	import { Experience } from '$lib/TStypes/experiences'
 	import Layout from '../Components/Layout.svelte'
-	import { answer } from '$lib/utils/database/game'
+	import { answer } from '$lib/utils/database/experience'
 
 	const components = {
 		TEXT: TextForm,

src/routes/game/experience.svelte

@@ -92,7 +92,7 @@
 		</div>
 
 		{#if $data.checkPoints.length}
-			<Button on:click={() => (view = 'game-play')} primary>Hrát</Button>
+			<Button on:click={() => (view = 'experience-play')} primary>Hrát</Button>
 		{/if}
 	</Overlay>
 {:else if view === 'experience-play'}

src/routes/map/map.svelte

@@ -4,7 +4,7 @@
 	import LocationRequest from '$lib/components/Map/LocationRequest.svelte'
 	import Marker from '$lib/components/Map/Marker.svelte'
 	import { navigate } from '$lib/router'
-	import { getExpiriencesAsStore } from '$lib/utils/database/experience'
+	import { getExperiencesAsStore } from '$lib/utils/database/experience'
 	import { onMount } from 'svelte'
 
 	let user: { lat: number; lng: number } = { lat: 0, lng: 0 }
@@ -19,7 +19,7 @@
 
 	navigator.geolocation.getCurrentPosition(handleLocationGranted)
 
-	$: [experiences] = getExpiriencesAsStore()
+	$: [experiences] = getExperiencesAsStore()
 </script>
 
 <NavigationBarLayout>

src/routes/profile/profile.svelte

@@ -20,8 +20,6 @@
 	//
 	$: [userInfo] = collections.users.getDocument([Query.equal('erantId', params.erantId)])
 
-	$: console.log($user)
-
 	const items = [
 		{
 			title: 'Account',
@@ -49,34 +47,36 @@
 	]
 </script>
 
-{#if $userInfo}
+<div class="w-full h-full p-2">
-	<div class="w-full h-[188px] flex flex-wrap flex-col gap-4 justify-center items-center mb-8">
+	{#if $userInfo}
-		<InputPicture />
+		<div class="w-full h-[188px] flex flex-wrap flex-col gap-4 justify-center items-center mb-8">
-		<span class="font-semibold text-[24px]">{$userInfo.userName}</span>
+			<InputPicture />
-		<SettingRow class="w-auto gap-2">
+			<span class="font-semibold text-[24px]">{$userInfo.userName}</span>
-			<PointSmall />
+			<SettingRow class="w-auto gap-2">
-			<span class="text-[16px] text-[#61646B]">Prague, Czechia</span>
+				<PointSmall />
-		</SettingRow>
+				<span class="text-[16px] text-[#61646B]">Prague, Czechia</span>
-	</div>
+			</SettingRow>
-	<Line />
+		</div>
+		<Line />
 
-	<div class="w-full h-auto flex flex-wrap flex-row mt-4 gap-4">
+		<div class="w-full h-auto flex flex-wrap flex-row mt-4 gap-4">
-		{#each items as { title, itms }}
+			{#each items as { title, itms }}
-			<div class="mb-4 text-[18px] text-[#61646B]">{title}</div>
+				<div class="mb-4 text-[18px] text-[#61646B]">{title}</div>
-			{#each itms as { icon, text, link }}
+				{#each itms as { icon, text, link }}
-				{#if typeof link === 'function'}
+					{#if typeof link === 'function'}
-					<SettingRow>
+						<SettingRow>
-						<svelte:component this={icon} />
+							<svelte:component this={icon} />
-						<button class="font-semibold text-[18px]" on:click={link}>{text}</button>
+							<button class="font-semibold text-[18px]" on:click={link}>{text}</button>
-					</SettingRow>
+						</SettingRow>
-				{:else}
+					{:else}
-					<SettingRow>
+						<SettingRow>
-						<svelte:component this={icon} />
+							<svelte:component this={icon} />
-						<Link class="font-semibold text-[18px]" to={link}>{text}</Link>
+							<Link class="font-semibold text-[18px]" to={link}>{text}</Link>
-					</SettingRow>
+						</SettingRow>
-					<Line />
+						<Line />
-				{/if}
+					{/if}
+				{/each}
 			{/each}
-		{/each}
+		</div>
-	</div>
+	{/if}
-{/if}
+</div>