From 1a330b8ffe2948d15a97214deca1cf71ae36a9ca Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@protonmail.com>
Date: Wed, 31 Aug 2022 15:47:03 -0500
Subject: [PATCH] Updating store with update instead of set.

---
 src/lib/components/random/index.svelte        | 6 +++---
 src/lib/components/search/random/index.svelte | 4 ++--
 src/routes/+layout.svelte                     | 4 ++--
 src/routes/+page.svelte                       | 4 ++--
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/lib/components/random/index.svelte b/src/lib/components/random/index.svelte
index 4877383..62ed044 100644
--- a/src/lib/components/random/index.svelte
+++ b/src/lib/components/random/index.svelte
@@ -7,7 +7,7 @@
 
   async function getRandomCollectionGame() {
     if ($collectionStore.length > 0) {
-      boredState.set({ loading: true });
+      boredState.update((n) => ({ ...n, loading: true }));
       let randomNumber: number = Math.round(Math.random() * $collectionStore.length - 1);
       if ($collectionStore.at(randomNumber)) {
         gameStore.removeAll();
@@ -19,11 +19,11 @@
         const responseData = await response.json();
         console.log('responseData', responseData);
         gameStore.add(responseData?.game);
-        boredState.set({ loading: false });
+        boredState.update((n) => ({ ...n, loading: false }));
       } else {
         toast.send('Error!', { duration: 3000, type: ToastType.ERROR, dismissible: true });
       }
-      boredState.set({ loading: false });
+      boredState.update((n) => ({ ...n, loading: false }));
     } else {
       toast.send('No items in your collection!', {
         duration: 3000,
diff --git a/src/lib/components/search/random/index.svelte b/src/lib/components/search/random/index.svelte
index e0fc8a3..441a80d 100644
--- a/src/lib/components/search/random/index.svelte
+++ b/src/lib/components/search/random/index.svelte
@@ -4,7 +4,7 @@
 
   async function handleSubmit(event: SubmitEvent) {
     // submitting = true;
-    boredState.set({ loading: true });
+    boredState.update((n) => ({ ...n, loading: true }));
     const form = event.target as HTMLFormElement;
     console.log('form', form);
     const response = await fetch('/api/games', {
@@ -14,7 +14,7 @@
     });
     const responseData = await response.json();
     // submitting = false;
-    boredState.set({ loading: false });
+    boredState.update((n) => ({ ...n, loading: false }));
     gameStore.removeAll();
     gameStore.addAll(responseData?.games);
     // games = responseData?.games;
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 1ef1433..d894f0b 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -17,11 +17,11 @@
   $: {
     if ($navigating) {
       debounce(() => {
-        boredState.set({ loading: true });
+        boredState.update((n) => ({ ...n, loading: true }));
       }, 250);
     }
     if (!$navigating) {
-      boredState.set({ loading: false });
+      boredState.update((n) => ({ ...n, loading: false }));
     }
   }
 
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index a0104b5..d1c55cb 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -16,7 +16,7 @@
   import type { GameType, SavedGameType } from '$root/lib/types';
 
   async function handleSearch(event: SubmitEvent) {
-    boredState.set({ loading: true });
+    boredState.update((n) => ({ ...n, loading: true }));
     const form = event.target as HTMLFormElement;
     console.log('form', form);
     const response = await fetch('/api/game', {
@@ -25,7 +25,7 @@
       body: new FormData(form)
     });
     const responseData = await response.json();
-    boredState.set({ loading: false });
+    boredState.update((n) => ({ ...n, loading: false }));
     gameStore.removeAll();
     gameStore.addAll(responseData?.games);
   }