Refactor model emit, and recent conn dropdown

src-web/hooks/useDeleteHttpResponse.ts

@@ -0,0 +1,20 @@
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { invoke } from '@tauri-apps/api';
+import { trackEvent } from '../lib/analytics';
+import type { HttpResponse } from '../lib/models';
+import { httpResponsesQueryKey } from './useHttpResponses';
+
+export function useDeleteHttpResponse(id: string | null) {
+  const queryClient = useQueryClient();
+  return useMutation<HttpResponse>({
+    mutationFn: async () => {
+      return await invoke('cmd_delete_http_response', { id: id });
+    },
+    onSettled: () => trackEvent('HttpResponse', 'Delete'),
+    onSuccess: ({ requestId, id: responseId }) => {
+      queryClient.setQueryData<HttpResponse[]>(httpResponsesQueryKey({ requestId }), (responses) =>
+        (responses ?? []).filter((response) => response.id !== responseId),
+      );
+    },
+  });
+}