Good start to multi-window

src-web/hooks/Confirm.tsx

@@ -13,10 +13,10 @@ export function Confirm({ hide }: Props) {
 
   return (
     <HStack space={2} justifyContent="end">
-      <Button color="gray" onClick={hide}>
+      <Button className="focus" color="gray" onClick={hide}>
         Cancel
       </Button>
-      <Button ref={focusRef} color="primary">
+      <Button className="focus" ref={focusRef} color="primary">
         Confirm
       </Button>
     </HStack>

src-web/hooks/useActiveWorkspace.ts

@@ -1,5 +1,4 @@
-import { useEffect, useMemo, useState } from 'react';
-import { act } from 'react-dom/test-utils';
+import { useMemo } from 'react';
 import type { Workspace } from '../lib/models';
 import { useActiveWorkspaceId } from './useActiveWorkspaceId';
 import { useWorkspaces } from './useWorkspaces';

src-web/hooks/useUpdateRequest.ts

@@ -1,9 +1,11 @@
-import { useMutation } from '@tanstack/react-query';
+import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { invoke } from '@tauri-apps/api';
 import type { HttpRequest } from '../lib/models';
 import { getRequest } from '../lib/store';
+import { requestsQueryKey } from './useRequests';
 
 export function useUpdateRequest(id: string | null) {
+  const queryClient = useQueryClient();
   return useMutation<void, unknown, Partial<HttpRequest>>({
     mutationFn: async (patch) => {
       const request = await getRequest(id);
@@ -13,9 +15,19 @@ export function useUpdateRequest(id: string | null) {
 
       const updatedRequest = { ...request, ...patch };
 
+      console.log('UPDATING REQUEST', patch);
       await invoke('update_request', {
         request: updatedRequest,
       });
     },
+    onMutate: async (patch) => {
+      const request = await getRequest(id);
+      if (request === null) return;
+      queryClient.setQueryData(
+        requestsQueryKey(request?.workspaceId),
+        (requests: HttpRequest[] | undefined) =>
+          requests?.map((r) => (r.id === request.id ? { ...r, ...patch } : r)),
+      );
+    },
   });
 }