Update local model stores in all mutations (#129)

src-web/hooks/useDeleteAnyHttpRequest.tsx

@@ -1,14 +1,18 @@
 import { useMutation } from '@tanstack/react-query';
 import type { HttpRequest } from '@yaakapp-internal/models';
+import { useSetAtom } from 'jotai';
 import { InlineCode } from '../components/core/InlineCode';
 import { trackEvent } from '../lib/analytics';
 import { fallbackRequestName } from '../lib/fallbackRequestName';
 import { getHttpRequest } from '../lib/store';
 import { invokeCmd } from '../lib/tauri';
 import { useConfirm } from './useConfirm';
+import { httpRequestsAtom } from './useHttpRequests';
+import { removeModelById } from './useSyncModelStores';
 
 export function useDeleteAnyHttpRequest() {
   const confirm = useConfirm();
+  const setHttpRequests = useSetAtom(httpRequestsAtom);
 
   return useMutation<HttpRequest | null, string, string>({
     mutationKey: ['delete_any_http_request'],
@@ -27,7 +31,13 @@ export function useDeleteAnyHttpRequest() {
         ),
       });
       if (!confirmed) return null;
-      return invokeCmd('cmd_delete_http_request', { requestId: id });
+      return invokeCmd<HttpRequest>('cmd_delete_http_request', { requestId: id });
+    },
+    onSuccess: (request) => {
+      if (request == null) return;
+
+      // Optimistic update
+      setHttpRequests(removeModelById(request));
     },
     onSettled: () => trackEvent('http_request', 'delete'),
   });