From f9b0244ca373d7b01a186bd4edb230c48b1b7431 Mon Sep 17 00:00:00 2001
From: Ota Prokopec <otaprokopec@gmail.com>
Date: Mon, 6 Mar 2023 20:36:07 +0100
Subject: [PATCH] fast loading game

---
 src/lib/components/Layouts/LayoutImg.svelte |  2 +-
 src/lib/utils/database/game.ts              | 10 +++++++---
 src/routes/game/game.svelte                 |  8 ++++++--
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/Layouts/LayoutImg.svelte b/src/lib/components/Layouts/LayoutImg.svelte
index b712800..751137c 100644
--- a/src/lib/components/Layouts/LayoutImg.svelte
+++ b/src/lib/components/Layouts/LayoutImg.svelte
@@ -8,7 +8,7 @@
 <div class="h-full w-full overflow-auto">
 	<section class="wraper">
 		{#if img}
-			<img src={img} {alt} />
+			<img class="h-auto w-full min-h-[400px]" src={img} {alt} />
 		{/if}
 		{#if shareData !== null && shareData !== false}
 			<div class="shareButton">
diff --git a/src/lib/utils/database/game.ts b/src/lib/utils/database/game.ts
index d0a7542..02ef7d8 100644
--- a/src/lib/utils/database/game.ts
+++ b/src/lib/utils/database/game.ts
@@ -3,17 +3,21 @@ import { Query } from 'appwrite'
 import database from 'svelte-appwrite-client/src/lib/database'
 import { getLocationDataFromLatAndLong } from '../locations'
 
-export const load = async (pathName: string) => {
+export const load = async (pathName: string, previewQuestionsCount?: number, preview?: Function) => {
 	const checkPoints = []
 	const game = (await databases.listDocuments('63cef30d6da945dd4250', '63cef4bd210fdf2e5888', [Query.equal('ExpURL', pathName)])).documents[0]
 
 	const checkPointsIds = game.ExpCPsID
+	const rating = await getRating(game.$id)
 
 	for (const checkPointId of checkPointsIds) {
 		checkPoints.push(await databases.getDocument('63cef30d6da945dd4250', '63cef84d908acf805758', checkPointId))
+		if (checkPointsIds.indexOf(checkPointId) === previewQuestionsCount - 1) {
+			game['rating'] = rating
+			game['checkPoints'] = checkPoints
+			preview(game)
+		}
 	}
-	const rating = await getRating(game.$id)
-	console.log(rating)
 
 	game['rating'] = rating
 	game['checkPoints'] = checkPoints
diff --git a/src/routes/game/game.svelte b/src/routes/game/game.svelte
index 4f32573..ba41bf1 100644
--- a/src/routes/game/game.svelte
+++ b/src/routes/game/game.svelte
@@ -26,8 +26,10 @@
 	let loading: boolean = true
 
 	onMount(async () => {
-		$data = await load(params.gameurl)
-		loading = false
+		$data = await load(params.gameurl, 5, (preview) => {
+			$data = preview
+			loading = false
+		})
 	})
 	$: console.log($data)
 
@@ -38,6 +40,8 @@
 
 	let view: 'game-play' | 'game-loading' = 'game-loading'
 
+	$: console.log($data?.ExpImage)
+
 	//is user already in game
 	//const userInGame = JSON.parse(localStorage.getItem(location.pathname))
 	//$: if ($data && userInGame) view = 'game-play'