export filefolder tree types; add toast feedback for file/folder mutations

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/add-resource-dropdown/index.ts

@@ -1,11 +1,14 @@
 export type {
   AddResourceDropdownProps,
   AvailableItem,
+  FileFolderTreeNode,
   WorkflowTreeNode,
 } from './add-resource-dropdown'
 export {
   AddResourceDropdown,
+  buildFileFolderTree,
   buildWorkflowFolderTree,
+  FileFolderTreeItems,
   useAvailableResources,
   WorkflowFolderTreeItems,
 } from './add-resource-dropdown'

apps/sim/hooks/queries/workspace-file-folders.ts

@@ -1,4 +1,6 @@
+import { toError } from '@sim/utils/errors'
 import { keepPreviousData, useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
+import { toast } from '@/components/emcn'
 import { requestJson } from '@/lib/api/client/request'
 import {
   bulkArchiveWorkspaceFileItemsContract,
@@ -139,6 +141,15 @@ export function useMoveWorkspaceFileItems() {
         },
       })
     },
+    onSuccess: (_data, variables) => {
+      const total = variables.fileIds.length + variables.folderIds.length
+      toast.success(
+        `Moved ${total} item${total === 1 ? '' : 's'} ${variables.targetFolderId ? 'to folder' : 'to Files'}`
+      )
+    },
+    onError: (error) => {
+      toast.error(toError(error).message)
+    },
     onSettled: (_data, _error, variables) => {
       invalidateWorkspaceFileBrowsers(queryClient, variables.workspaceId)
     },
@@ -158,6 +169,13 @@ export function useBulkArchiveWorkspaceFileItems() {
         body: { fileIds: variables.fileIds, folderIds: variables.folderIds },
       })
     },
+    onSuccess: (_data, variables) => {
+      const total = variables.fileIds.length + variables.folderIds.length
+      toast.success(`Moved ${total} item${total === 1 ? '' : 's'} to trash`)
+    },
+    onError: (error) => {
+      toast.error(toError(error).message)
+    },
     onSettled: (_data, _error, variables) => {
       invalidateWorkspaceFileBrowsers(queryClient, variables.workspaceId)
     },
@@ -171,6 +189,9 @@ export function useRestoreWorkspaceFileFolder() {
       requestJson(restoreWorkspaceFileFolderContract, {
         params: { id: variables.workspaceId, folderId: variables.folderId },
       }),
+    onSuccess: () => {
+      toast.success('Folder restored')
+    },
     onSettled: (_data, _error, variables) => {
       invalidateWorkspaceFileBrowsers(queryClient, variables.workspaceId)
     },

apps/sim/hooks/queries/workspace-files.ts

@@ -1,4 +1,5 @@
 import { createLogger } from '@sim/logger'
+import { toError } from '@sim/utils/errors'
 import { sleep } from '@sim/utils/helpers'
 import { keepPreviousData, useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
 import { toast } from '@/components/emcn'
@@ -484,6 +485,10 @@ export function useDeleteWorkspaceFile() {
         )
       }
       logger.error('Failed to delete file')
+      toast.error(toError(_err).message)
+    },
+    onSuccess: () => {
+      toast.success('File moved to trash')
     },
     onSettled: (_data, _error, variables) => {
       queryClient.invalidateQueries({
@@ -505,6 +510,9 @@ export function useRestoreWorkspaceFile() {
       requestJson(restoreWorkspaceFileContract, {
         params: { id: workspaceId, fileId },
       }),
+    onSuccess: () => {
+      toast.success('File restored')
+    },
     onSettled: (_data, _error, variables) => {
       queryClient.invalidateQueries({
         queryKey: workspaceFilesKeys.workspaceLists(variables.workspaceId),