From 150291ceaae5330a33fe9c39acfb64eab27da680 Mon Sep 17 00:00:00 2001
From: Sebastian Martinez <me@sebastinez.dev>
Date: Fri, 23 Aug 2024 17:35:48 +0200
Subject: [PATCH] Create a splashscreen that makes sure that the requirements
 are met

---
 public/images/warning.png | Bin 0 -> 437 bytes
 src/App.svelte            |   2 ++
 src/views/Startup.svelte  |  39 ++++++++++++++++++++++++++++++++++++++
 3 files changed, 41 insertions(+)
 create mode 100644 public/images/warning.png
 create mode 100644 src/views/Startup.svelte

diff --git a/public/images/warning.png b/public/images/warning.png
new file mode 100644
index 0000000000000000000000000000000000000000..0b39bab8594090d366520049a0f450ed5f1b42fc
GIT binary patch
literal 437
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I1|(Ny7TyC=jKx9jP7LeL$-D$|Tv8)E(|mmy
zw18|52FCVG1{RPKAeI7R1_tH@j10^`nh_+nfC(<^uz(rC1}St4blLz^ChzIu7*fIb
zcIH7oCPf~X@WnU(|G#rq?u#8eSLV?JHu<~(FOu1ARLJ~MU|{5MU|<p`Q2j6?_DAX6
z`Pb$=|2c2hvh-|2zFdZa8&AV}?Z3~ivitNS<9}G8ZEnPZ_Dkn#0}h<qeLGm1>&3z?
z#q!mxQ}#2jdjIiN&8oC&Rt5*vhhqEF#MjKb_H%JQ>)ZLg8y%)Sc=h<L=mb0FE0?dz
zU8}kJ`KC4l!)p1Yn_m|<=p4Lyd~w6oa)aIf9+o?NwY7<I__~{cyXW13yuWWn4Qkj@
zL>I`Ndv>~SdpHBbCZVX>njiZezV2QBQzYSA&xJpMb~+2JABf%7ZYXb<{bXxgHTMl>
zj{A&Sl6%v){=HvV^8WR&H=+y-Q&|jI;9gbyz}mLdVp~(jZ&y%|dAj<!taD0e0szha
Bq*MR^

literal 0
HcmV?d00001

diff --git a/src/App.svelte b/src/App.svelte
index f03c796..12ca6d8 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -1,3 +1,5 @@
 <script lang="ts">
+  import Startup from "./views/Startup.svelte";
 </script>
 
+<Startup />
diff --git a/src/views/Startup.svelte b/src/views/Startup.svelte
new file mode 100644
index 0000000..b73b0be
--- /dev/null
+++ b/src/views/Startup.svelte
@@ -0,0 +1,39 @@
+<script lang="ts">
+  import { invoke } from "@tauri-apps/api/core";
+  import { onMount } from "svelte";
+  import warningIcon from "/images/warning.png";
+
+  let loading = true;
+  let error: { err: string; hint?: string } | undefined = undefined;
+
+  onMount(async () => {
+    try {
+      await invoke("authenticate");
+    } catch (e: any) {
+      error = e;
+    } finally {
+      loading = false;
+    }
+  });
+</script>
+
+<style>
+  main {
+    padding-top: 7rem;
+    margin: 0 auto;
+    width: 100%;
+    text-align: center;
+  }
+</style>
+
+<main>
+  {#if error}
+    <img height="32" src={warningIcon} alt="warning" />
+    <p class="txt-medium">{error.err}</p>
+    {#if error.hint}
+      <p class="txt-small">{@html error.hint}</p>
+    {/if}
+  {:else if !loading}
+    <p class="txt-medium">You are all set!</p>
+  {/if}
+</main>