From 274d57de5b1b6b30db312ab8362ec2ef2ce20662 Mon Sep 17 00:00:00 2001
From: ota-prokopec <otaprokopec@gmail.com>
Date: Thu, 15 Sep 2022 16:03:27 +0200
Subject: [PATCH] fixing bugs

---
 src/lib/Components/Forms/Finish.svelte       |  2 ++
 src/lib/Components/ImageSlider.svelte        | 14 +++++++-------
 src/lib/Components/Quiz/answers/Input.svelte |  1 +
 src/routes/game.svelte                       |  7 +++++--
 4 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/lib/Components/Forms/Finish.svelte b/src/lib/Components/Forms/Finish.svelte
index 5398c64..d2dfed7 100644
--- a/src/lib/Components/Forms/Finish.svelte
+++ b/src/lib/Components/Forms/Finish.svelte
@@ -1,10 +1,12 @@
 <script>
 	import Overlay from '$lib/Components/Overlay.svelte'
+	import Button from '$lib/Components/Button.svelte'
 	export let img
 </script>
 
 <Overlay {img}>
 	<div class="h-full w-full flex justify-self-center justify-center relative top-20"><slot /></div>
+	<div><Button href="/">ukončit hru</Button></div>
 </Overlay>
 
 <style>
diff --git a/src/lib/Components/ImageSlider.svelte b/src/lib/Components/ImageSlider.svelte
index 41c9a5c..c6d184f 100644
--- a/src/lib/Components/ImageSlider.svelte
+++ b/src/lib/Components/ImageSlider.svelte
@@ -13,14 +13,14 @@
 
 <div style="overflow-y: {overflow}" bind:offsetWidth={windowsize} class="imageSlider">
 	{#each images as image, i}
-		{#if Math.floor(windowsize / (94 + 10)) >= i + 1}
-			<div>
-				<Image src={image} class="w-24 h-24" />
-				{#if Math.floor(windowsize / (94 + 10)) === i + 1 && images.length !== i + 1}
+		<!--{#if Math.floor(windowsize / (94 + 10)) >= i + 1}-->
+		<div>
+			<Image src={image} class="w-24 h-24" />
+			<!--{#if Math.floor(windowsize / (94 + 10)) === i + 1 && images.length !== i + 1}
 					<span on:click={nextImages} class="imageCounter">{`+${images.length - Math.floor(windowsize / (94 + 10))}`}</span>
-				{/if}
-			</div>
-		{/if}
+				{/if}-->
+		</div>
+		<!--{/if}-->
 	{/each}
 </div>
 
diff --git a/src/lib/Components/Quiz/answers/Input.svelte b/src/lib/Components/Quiz/answers/Input.svelte
index bc4938c..bb288dc 100644
--- a/src/lib/Components/Quiz/answers/Input.svelte
+++ b/src/lib/Components/Quiz/answers/Input.svelte
@@ -26,5 +26,6 @@
 		line-height: 20px;
 		padding: 28px 20px;
 		outline: none;
+		appearance: none;
 	}
 </style>
diff --git a/src/routes/game.svelte b/src/routes/game.svelte
index 5da61b8..15a24f2 100644
--- a/src/routes/game.svelte
+++ b/src/routes/game.svelte
@@ -13,7 +13,10 @@
 
 	export let gameurl
 
-	let assets = Array.from(Array(6).keys()).map((_, i) => `/assets/temp/kar${i + 1}.png`)
+	$: assets = $data?.questions
+		.filter((q) => q.thumbnail !== null)
+		.slice(0, 8)
+		.map((q) => q.thumbnail)
 
 	let loading = true
 	;(async () => {
@@ -29,7 +32,7 @@
 {#if loading}
 	<h1 class="flex items-center justify-center">Hra se načítá</h1>
 {:else if !('success' in $data)}
-	<Overlay shareData={{}} img={$data?.thumbnail}>
+	<Overlay shareData={{ url: window.location.href }} img={$data?.thumbnail}>
 		{#if $data}
 			<Heading>
 				<span>{$data.name}</span>