Updating store with update instead of set.

This commit is contained in:
Bradley Shellnut 2022-08-31 15:47:03 -05:00
parent 7aa5fadec3
commit 1a330b8ffe
4 changed files with 9 additions and 9 deletions

View file

@ -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,

View file

@ -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;

View file

@ -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 }));
}
}

View file

@ -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);
}