Refactor into grpc events

src-web/hooks/useGrpcEvents.ts

@@ -0,0 +1,23 @@
+import { useQuery } from '@tanstack/react-query';
+import { invoke } from '@tauri-apps/api';
+import type { GrpcEvent } from '../lib/models';
+
+export function grpcEventsQueryKey({ connectionId }: { connectionId: string }) {
+  return ['grpc_events', { connectionId }];
+}
+
+export function useGrpcEvents(connectionId: string | null) {
+  return (
+    useQuery<GrpcEvent[]>({
+      enabled: connectionId !== null,
+      initialData: [],
+      queryKey: grpcEventsQueryKey({ connectionId: connectionId ?? 'n/a' }),
+      queryFn: async () => {
+        return (await invoke('cmd_list_grpc_events', {
+          connectionId,
+          limit: 200,
+        })) as GrpcEvent[];
+      },
+    }).data ?? []
+  );
+}

src-web/hooks/useGrpcMessages.ts

@@ -1,23 +0,0 @@
-import { useQuery } from '@tanstack/react-query';
-import { invoke } from '@tauri-apps/api';
-import type { GrpcMessage } from '../lib/models';
-
-export function grpcMessagesQueryKey({ connectionId }: { connectionId: string }) {
-  return ['grpc_messages', { connectionId }];
-}
-
-export function useGrpcMessages(connectionId: string | null) {
-  return (
-    useQuery<GrpcMessage[]>({
-      enabled: connectionId !== null,
-      initialData: [],
-      queryKey: grpcMessagesQueryKey({ connectionId: connectionId ?? 'n/a' }),
-      queryFn: async () => {
-        return (await invoke('cmd_list_grpc_messages', {
-          connectionId,
-          limit: 200,
-        })) as GrpcMessage[];
-      },
-    }).data ?? []
-  );
-}