+
-
- {items.length > 0 && (
-
-
- {items.map((virtualRow) => (
-
-
-
- ))}
+
}>
+
+ {items.length > 0 && (
+
+
+ {items.map((virtualRow) => (
+
+
+
+ ))}
+
-
- )}
-
+ )}
+
+
);
}
diff --git a/src/stores/account.tsx b/src/stores/account.tsx
index 67c92fee..eb884ac8 100644
--- a/src/stores/account.tsx
+++ b/src/stores/account.tsx
@@ -1,9 +1,9 @@
import { isSSR } from '@utils/ssr';
import { getActiveAccount } from '@utils/storage';
-import { atom } from 'jotai';
+import { atomWithCache } from 'jotai-cache';
-export const activeAccountAtom = atom(async () => {
+export const activeAccountAtom = atomWithCache(async () => {
const response = isSSR ? {} : await getActiveAccount();
return response;
});
diff --git a/src/stores/note.tsx b/src/stores/note.tsx
index 25046077..9d079aa2 100644
--- a/src/stores/note.tsx
+++ b/src/stores/note.tsx
@@ -4,13 +4,18 @@ import { getAllNotes } from '@utils/storage';
import { atom } from 'jotai';
import { atomsWithQuery } from 'jotai-tanstack-query';
-// usecase: notify user that connector has receive newer note
+// notify user that connector has receive newer note
export const hasNewerNoteAtom = atom(false);
-// usecase: query notes from database
+// query notes from database
export const [notesAtom] = atomsWithQuery(() => ({
queryKey: ['notes'],
queryFn: async ({ queryKey: [] }) => {
const res = isSSR ? [] : await getAllNotes();
return res;
},
+ refetchInterval: 1000000,
+ refetchOnReconnect: true,
+ refetchOnWindowFocus: true,
+ refetchOnMount: true,
+ keepPreviousData: false,
}));
diff --git a/src/stores/relays.tsx b/src/stores/relays.tsx
index 0fac6a20..8b9a06e7 100644
--- a/src/stores/relays.tsx
+++ b/src/stores/relays.tsx
@@ -1,9 +1,9 @@
import { isSSR } from '@utils/ssr';
import { getAllRelays } from '@utils/storage';
-import { atom } from 'jotai';
+import { atomWithCache } from 'jotai-cache';
-export const relaysAtom = atom(async () => {
+export const relaysAtom = atomWithCache(async () => {
const response = isSSR ? [] : await getAllRelays();
return response;
});