Folder actions

src-web/hooks/useCreateFolder.ts

@@ -0,0 +1,24 @@
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { invoke } from '@tauri-apps/api';
+import type { Folder } from '../lib/models';
+import { useActiveWorkspaceId } from './useActiveWorkspaceId';
+import { foldersQueryKey } from './useFolders';
+
+export function useCreateFolder() {
+  const workspaceId = useActiveWorkspaceId();
+  const queryClient = useQueryClient();
+
+  return useMutation<Folder, unknown, Partial<Pick<Folder, 'name' | 'sortPriority' | 'folderId'>>>({
+    mutationFn: (patch) => {
+      if (workspaceId === null) {
+        throw new Error("Cannot create folder when there's no active workspace");
+      }
+      patch.name = patch.name || 'New Folder';
+      patch.sortPriority = patch.sortPriority || Date.now();
+      return invoke('create_folder', { workspaceId, ...patch });
+    },
+    onSuccess: async (request) => {
+      await queryClient.invalidateQueries(foldersQueryKey({ workspaceId: request.workspaceId }));
+    },
+  });
+}

src-web/hooks/useCreateRequest.ts

@@ -1,10 +1,10 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 import { invoke } from '@tauri-apps/api';
 import type { HttpRequest } from '../lib/models';
+import { useActiveEnvironmentId } from './useActiveEnvironmentId';
 import { useActiveWorkspaceId } from './useActiveWorkspaceId';
 import { useAppRoutes } from './useAppRoutes';
 import { requestsQueryKey, useRequests } from './useRequests';
-import { useActiveEnvironmentId } from './useActiveEnvironmentId';
 
 export function useCreateRequest() {
   const workspaceId = useActiveWorkspaceId();
@@ -13,7 +13,11 @@ export function useCreateRequest() {
   const requests = useRequests();
   const queryClient = useQueryClient();
 
-  return useMutation<HttpRequest, unknown, Partial<Pick<HttpRequest, 'name' | 'sortPriority'>>>({
+  return useMutation<
+    HttpRequest,
+    unknown,
+    Partial<Pick<HttpRequest, 'name' | 'sortPriority' | 'folderId'>>
+  >({
     mutationFn: (patch) => {
       if (workspaceId === null) {
         throw new Error("Cannot create request when there's no active workspace");

src-web/hooks/useDeleteFolder.tsx

@@ -0,0 +1,40 @@
+import { useMutation, useQueryClient } from '@tanstack/react-query';
+import { invoke } from '@tauri-apps/api';
+import { InlineCode } from '../components/core/InlineCode';
+import type { Folder } from '../lib/models';
+import { getFolder } from '../lib/store';
+import { useConfirm } from './useConfirm';
+import { foldersQueryKey } from './useFolders';
+import { requestsQueryKey } from './useRequests';
+
+export function useDeleteFolder(id: string | null) {
+  const queryClient = useQueryClient();
+  const confirm = useConfirm();
+
+  return useMutation<Folder | null, string>({
+    mutationFn: async () => {
+      const folder = await getFolder(id);
+      const confirmed = await confirm({
+        title: 'Delete Folder',
+        variant: 'delete',
+        description: (
+          <>
+            Permanently delete <InlineCode>{folder?.name}</InlineCode> and everything in it?
+          </>
+        ),
+      });
+      if (!confirmed) return null;
+      return invoke('delete_folder', { folderId: id });
+    },
+    onSuccess: async (folder) => {
+      // Was it cancelled?
+      if (folder === null) return;
+
+      const { workspaceId } = folder;
+
+      // Nesting makes it hard to clean things up, so just clear everything that could have been deleted
+      await queryClient.invalidateQueries(requestsQueryKey({ workspaceId }));
+      await queryClient.invalidateQueries(foldersQueryKey({ workspaceId }));
+    },
+  });
+}