Fix performance related to having 100s of requests (#123)

src-web/hooks/useHttpResponses.ts

@@ -1,24 +1,9 @@
-import { useQuery } from '@tanstack/react-query';
 import type { HttpResponse } from '@yaakapp-internal/models';
-import { invokeCmd } from '../lib/tauri';
+import { useAtomValue } from 'jotai';
+import { atom } from 'jotai/index';
 
-export function httpResponsesQueryKey({ requestId }: { requestId: string }) {
-  return ['http_responses', { requestId }];
-}
+export const httpResponsesAtom = atom<HttpResponse[]>([]);
 
-export function useHttpResponses(requestId: string | null) {
-  return (
-    useQuery<HttpResponse[]>({
-      enabled: requestId !== null,
-      initialData: [],
-      queryKey: httpResponsesQueryKey({ requestId: requestId ?? 'n/a' }),
-      queryFn: async () => {
-        if (requestId == null) return [];
-        return (await invokeCmd('cmd_list_http_responses', {
-          requestId,
-          limit: 200,
-        })) as HttpResponse[];
-      },
-    }).data ?? []
-  );
+export function useHttpResponses() {
+  return useAtomValue(httpResponsesAtom);
 }