From 533d5afdc69b01165a61695804f67a7ebf21e8fa Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Wed, 4 Sep 2024 18:19:46 -0300
Subject: [PATCH] fix: Delete folder from cache after successful deletion
 (#3686)

* feat: Delete folder from cache after successful deletion

* [autofix.ci] apply automated fixes

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
---
 .../API/queries/folders/use-delete-folders.ts            | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/frontend/src/controllers/API/queries/folders/use-delete-folders.ts b/src/frontend/src/controllers/API/queries/folders/use-delete-folders.ts
index 4650543dc..3fe2ff073 100644
--- a/src/frontend/src/controllers/API/queries/folders/use-delete-folders.ts
+++ b/src/frontend/src/controllers/API/queries/folders/use-delete-folders.ts
@@ -18,7 +18,8 @@ export const useDeleteFolders: useMutationFunctionType<
     folder_id,
   }: DeleteFoldersParams): Promise<any> => {
     const res = await api.delete(`${getURL("FOLDERS")}/${folder_id}`);
-    return res.data;
+    // returning id to use it in onSuccess and delete the folder from the cache
+    return folder_id;
   };
 
   const mutation: UseMutationResult<
@@ -30,6 +31,12 @@ export const useDeleteFolders: useMutationFunctionType<
     onSettled: () => {
       queryClient.refetchQueries({ queryKey: ["useGetFolders"] });
     },
+    onSuccess: (id) => {
+      queryClient.removeQueries({
+        queryKey: ["useGetFolder", { id }],
+        exact: true,
+      });
+    },
   });
 
   return mutation;