fix http response load when filter (#251)

src-web/hooks/useFilterResponse.ts

@@ -1,31 +0,0 @@
-import { useQuery } from '@tanstack/react-query';
-import type { FilterResponse } from '@yaakapp-internal/plugins';
-import { invokeCmd } from '../lib/tauri';
-
-export function useFilterResponse({
-  responseId,
-  filter,
-}: {
-  responseId: string | null;
-  filter: string;
-}) {
-  return useQuery({
-    queryKey: ['filter_response', responseId, filter],
-    queryFn: async () => {
-      if (filter === '') {
-        return null;
-      }
-
-      const result = (await invokeCmd('cmd_filter_response', {
-        responseId,
-        filter,
-      })) as FilterResponse;
-
-      if (result.error) {
-        console.log("Failed to filter response:", result.error);
-      }
-
-      return result;
-    },
-  });
-}

src-web/hooks/useResponseBodyBlob.ts

@@ -1,12 +0,0 @@
-import { useQuery } from '@tanstack/react-query';
-import type { HttpResponse } from '@yaakapp-internal/models';
-import { getResponseBodyBlob } from '../lib/responseBody';
-
-export function useResponseBodyBlob(response: HttpResponse) {
-  return useQuery<Uint8Array | null>({
-    enabled: response != null,
-    queryKey: ['response-body-binary', response?.updatedAt],
-    initialData: null,
-    queryFn: () => getResponseBodyBlob(response),
-  }).data;
-}

src-web/hooks/useResponseBodyText.ts

@@ -1,11 +1,15 @@
 import { useQuery } from '@tanstack/react-query';
-import type { HttpResponse } from '@yaakapp-internal/models';
 import { getResponseBodyText } from '../lib/responseBody';
 
-export function useResponseBodyText(response: HttpResponse) {
+export function useResponseBodyText({
+  responseId,
+  filter,
+}: {
+  responseId: string;
+  filter: string | null;
+}) {
   return useQuery({
-    placeholderData: (prev) => prev, // Keep previous data on refetch
-    queryKey: ['response-body-text', response.id, response.updatedAt, response.contentLength],
-    queryFn: () => getResponseBodyText(response),
+    queryKey: ['response_body_text', responseId, filter ?? ''],
+    queryFn: () => getResponseBodyText({ responseId, filter }),
   });
 }