A bunch of improvements to chaining

src-web/hooks/useSettings.ts

@@ -1,19 +1,11 @@
-import { useQuery } from '@tanstack/react-query';
+import { useAtomValue } from 'jotai';
+import { atom } from 'jotai/index';
 import type { Settings } from '../lib/models/Settings';
-import { invokeCmd } from '../lib/tauri';
+import { getSettings } from '../lib/store';
 
-export function settingsQueryKey() {
-  return ['settings'];
-}
+const settings = await getSettings();
+export const settingsAtom = atom<Settings>(settings);
 
 export function useSettings() {
-  return (
-    useQuery({
-      queryKey: settingsQueryKey(),
-      queryFn: async () => {
-        const settings = (await invokeCmd('cmd_get_settings')) as Settings;
-        return [settings];
-      },
-    }).data?.[0] ?? undefined
-  );
+  return useAtomValue(settingsAtom);
 }