Refactor hooks to be easier to use

src-web/hooks/useResponses.ts

@@ -1,50 +1,26 @@
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
+import { useQuery } from '@tanstack/react-query';
 import { invoke } from '@tauri-apps/api';
 import type { HttpResponse } from '../lib/models';
 import { convertDates } from '../lib/models';
+import { useActiveRequest } from './useActiveRequest';
 
 export function responsesQueryKey(requestId: string) {
   return ['responses', { requestId }];
 }
 
-export function useResponses(requestId: string) {
-  return useQuery<HttpResponse[]>({
-    initialData: [],
-    queryKey: responsesQueryKey(requestId),
-    queryFn: async () => {
-      const responses = (await invoke('responses', { requestId })) as HttpResponse[];
-      return responses.map(convertDates);
-    },
-  });
-}
-
-export function useDeleteResponse(response?: HttpResponse) {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async () => {
-      if (response == null) return;
-      await invoke('delete_response', { id: response.id });
-    },
-    onSuccess: () => {
-      if (response == null) return;
-      queryClient.setQueryData(
-        ['responses', { requestId: response.requestId }],
-        (responses: HttpResponse[] = []) => responses.filter((r) => r.id !== response.id),
-      );
-    },
-  });
-}
-
-export function useDeleteAllResponses(requestId?: string) {
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async () => {
-      if (requestId == null) return;
-      await invoke('delete_all_responses', { requestId });
-    },
-    onSuccess: () => {
-      if (requestId == null) return;
-      queryClient.setQueryData(['responses', { requestId: requestId }], []);
-    },
-  });
+export function useResponses() {
+  const activeRequest = useActiveRequest();
+  return (
+    useQuery<HttpResponse[]>({
+      enabled: activeRequest != null,
+      initialData: [],
+      queryKey: responsesQueryKey(activeRequest?.id ?? 'n/a'),
+      queryFn: async () => {
+        const responses = (await invoke('responses', {
+          requestId: activeRequest?.id,
+        })) as HttpResponse[];
+        return responses.map(convertDates);
+      },
+    }).data ?? []
+  );
 }