GitHub/Anki
1
0
Fork 0
mirror of https://github.com/ankitects/anki.git synced 2025-11-12 07:37:11 -05:00
Code Issues Projects Releases Packages 1 Wiki Activity Actions

Avoid duplicate initial fetching with asyncReactive

Browse source
This commit is contained in:
Henrik Giesel 2021-03-22 02:58:19 +01:00
parent 15b19e44b9
commit 3c5233297a
1 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
ts/graphs/asyncReactive.ts
View file

@ -13,14 +13,15 @@ function useAsyncReactive<T, E>(
): AsyncReativeData<T, E> {
const promise = derived(
dependencies,
(_, set) => set(asyncFunction()),
asyncFunction()
(_, set: (value: Promise<T> | null) => void) => set(asyncFunction()),
// initialize with null to avoid duplicate fetch on init
null
);
const value = derived(
promise,
($promise, set: (value: T) => void) => {
$promise.then((value: T) => set(value));
$promise?.then((value: T) => set(value));
},
null
);
@ -28,7 +29,7 @@ function useAsyncReactive<T, E>(
const error = derived(
promise,
($promise, set: (error: E | null) => void) => {
$promise.catch((error: E) => set(error));
$promise?.catch((error: E) => set(error));
return () => set(null);
},
null