From a73cb6f99ca0dda7fc7ad9acbe77aa82f99b48e1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ludv=C3=ADk=20Prokopec?= <prokolud@fit.cvut.cz>
Date: Fri, 23 Dec 2022 13:31:15 +0100
Subject: [PATCH] Fixes

---
 src/__error.svelte                            |  4 +++-
 src/__layout.svelte                           |  2 +-
 src/__loading.svelte                          |  8 ++++++-
 src/lib/components/Common.ts                  |  4 ++--
 src/lib/components/Common/Meta.ts             |  3 +--
 .../Common/meta/PwaInstaller.svelte           | 22 -------------------
 src/routes/index.svelte                       |  8 +++----
 7 files changed, 18 insertions(+), 33 deletions(-)
 delete mode 100644 src/lib/components/Common/meta/PwaInstaller.svelte

diff --git a/src/__error.svelte b/src/__error.svelte
index b782fbe..a722857 100644
--- a/src/__error.svelte
+++ b/src/__error.svelte
@@ -1 +1,3 @@
-<h1>Error 404</h1>
+<div class="fixed w-full h-full flex justify-center items-center">
+	<h1>Error 404</h1>
+</div>
diff --git a/src/__layout.svelte b/src/__layout.svelte
index c508900..7270e1d 100644
--- a/src/__layout.svelte
+++ b/src/__layout.svelte
@@ -1,3 +1,3 @@
-<main class="container">
+<main>
 	<slot />
 </main>
diff --git a/src/__loading.svelte b/src/__loading.svelte
index 01239ea..71eff1b 100644
--- a/src/__loading.svelte
+++ b/src/__loading.svelte
@@ -1 +1,7 @@
-<p>Loading...</p>
+<script>
+	import Loading from '$lib/components/Common/Loading.svelte'
+</script>
+
+<div class="fixed w-full h-full flex items-center justify-center">
+	<Loading />
+</div>
diff --git a/src/lib/components/Common.ts b/src/lib/components/Common.ts
index 2d7be2c..81dfbe2 100644
--- a/src/lib/components/Common.ts
+++ b/src/lib/components/Common.ts
@@ -1,6 +1,6 @@
 import Button from './Common/Button.svelte';
 import Input from './Common/Input.svelte';
-import InputWrappper from './Common/InputWrappper.svelte';
+import InputWrappper from './Common/InputWrapper.svelte';
 import Loading from './Common/Loading.svelte';
 import SOffline from './Common/SOffline.svelte';
 import Sortable from './Common/Sortable.svelte';
@@ -9,6 +9,6 @@ import Checkbox from './Common/Checkbox.svelte';
 import Switch from './Common/Switch.svelte';
 import Select from './Common/Select.svelte';
 
-export { Body, Html, PwaInstaller } from './Common/Meta';
+export { Body, Html } from './Common/Meta';
 
 export { Button, Input, InputWrappper, Loading, SOffline, Sortable, Switch, Radio, Checkbox, Select };
diff --git a/src/lib/components/Common/Meta.ts b/src/lib/components/Common/Meta.ts
index 57c6238..f0c2e36 100644
--- a/src/lib/components/Common/Meta.ts
+++ b/src/lib/components/Common/Meta.ts
@@ -1,5 +1,4 @@
 import Body from './meta/Body.svelte';
 import Html from './meta/Html.svelte';
-import PwaInstaller from './meta/PwaInstaller.svelte';
 
-export { Body, Html, PwaInstaller } 
+export { Body, Html } 
diff --git a/src/lib/components/Common/meta/PwaInstaller.svelte b/src/lib/components/Common/meta/PwaInstaller.svelte
deleted file mode 100644
index 9015897..0000000
--- a/src/lib/components/Common/meta/PwaInstaller.svelte
+++ /dev/null
@@ -1,22 +0,0 @@
-<script>
-	import { installPrompt } from '../../stores/pwaInstall'
-
-	const install = async () => {
-		if ($installPrompt !== null) {
-			$installPrompt.prompt()
-			const { outcome } = await $installPrompt.userChoice
-
-			if (outcome === 'accepted') $installPrompt = null
-		}
-	}
-</script>
-
-<svelte:window
-	on:beforeinstallprompt|preventDefault={(e) => {
-		$installPrompt = e
-	}}
-/>
-
-{#if $installPrompt}
-	<slot {install} />
-{/if}
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index f0f2aec..768e81a 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { Link } from '$lib/components/Common'
+	import { Button } from '$lib/components/Common'
 	import { _ } from 'svelte-i18n'
 </script>
 
@@ -7,13 +7,13 @@
 	<h1 class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">
 		<span class="block text-indigo-600">{$_('page.home.title')}</span>
 		<p>
-			<Link class="underline" href="https://appwrite.io/">Appwrite</Link>
+			<Button class="underline" href="https://appwrite.io/">Appwrite</Button>
 		</p>
 		<p>
-			<Link class="underline" href="/oauth">OAuth</Link>
+			<Button class="underline" href="/oauth">OAuth</Button>
 		</p>
 		<p>
-			<Link class="underline" href="https://github.com/lewis-wow/appwrite-svelte-rocket-start">Repository</Link>
+			<Button class="underline" href="https://github.com/lewis-wow/appwrite-svelte-rocket-start">Repository</Button>
 		</p>
 	</h1>
 </div>