From 35882035278176f2c03c69743ca450e53a8c23bc Mon Sep 17 00:00:00 2001
From: HorizonCode <horizoncode88@gmail.com>
Date: Thu, 11 Jan 2024 16:15:56 +0100
Subject: [PATCH] change launch/patch to storage property

---
 src/pages/Launch.svelte   | 17 ++++++++++-------
 src/storage/localStore.ts |  2 ++
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/pages/Launch.svelte b/src/pages/Launch.svelte
index ca43303..fe5b6cb 100644
--- a/src/pages/Launch.svelte
+++ b/src/pages/Launch.svelte
@@ -1,9 +1,8 @@
 <script lang="ts">
   import { Button, Checkbox } from "flowbite-svelte";
   import Progressbar from "../lib/Progressbar.svelte";
+  import { launching, patch } from "./../storage/localStore";
   let progressbarFix = true;
-  let launching = false;
-  let patch = true;
 
   setTimeout(() => {
     progressbarFix = false;
@@ -19,15 +18,19 @@
     <Button
       color="light"
       size="xl"
-      class="dark:active:!bg-gray-900 {launching
+      class="dark:active:!bg-gray-900 {$launching
         ? ''
         : 'active:scale-95 '}transition-transform duration-75"
-      disabled={launching}
-      on:click={() => (launching = !launching)}>Launch</Button
+      disabled={$launching}
+      on:click={() => launching.set(!$launching)}>Launch</Button
+    >
+    <Checkbox
+      disabled={$launching}
+      bind:checked={$patch}
+      on:click={() => patch.set(!$patch)}>Patch</Checkbox
     >
-    <Checkbox disabled={launching} bind:checked={patch}>Patch</Checkbox>
     <div
-      class="w-full flex flex-col justify-center items-center gap-2 mt-2 {launching
+      class="w-full flex flex-col justify-center items-center gap-2 mt-2 {$launching
         ? 'animate-fadeIn '
         : 'animate-fadeOut '}{progressbarFix ? '!opacity-0' : 'opacity-0'}"
     >
diff --git a/src/storage/localStore.ts b/src/storage/localStore.ts
index 12c0fc4..e75f9e2 100644
--- a/src/storage/localStore.ts
+++ b/src/storage/localStore.ts
@@ -3,5 +3,7 @@ import { Page } from "../consts/pages";
 import type { User } from "../types/user";
 
 export const startup = writable(false);
+export const launching = writable(false);
+export const patch = writable(true);
 export const currentUser: Writable<undefined | User> = writable(undefined);
 export const currentPage = writable(Page.Login);