Refactor model emit, and recent conn dropdown

src-web/hooks/useDeleteHttpResponses.ts

@@ -0,0 +1,19 @@
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { invoke } from '@tauri-apps/api';
+import { trackEvent } from '../lib/analytics';
+import { httpResponsesQueryKey } from './useHttpResponses';
+
+export function useDeleteHttpResponses(requestId?: string) {
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async () => {
+      if (requestId === undefined) return;
+      await invoke('cmd_delete_all_http_responses', { requestId });
+    },
+    onSettled: () => trackEvent('HttpResponse', 'DeleteMany'),
+    onSuccess: async () => {
+      if (requestId === undefined) return;
+      queryClient.setQueryData(httpResponsesQueryKey({ requestId }), []);
+    },
+  });
+}