From 7725c476fc8616cd7c378a1db0e813d60a4c015d Mon Sep 17 00:00:00 2001
From: Ali BARIN <ali.barin53@gmail.com>
Date: Thu, 13 Feb 2025 10:06:41 +0000
Subject: [PATCH] fix(folders): reset state on delete folder confirmation
 dialog close

---
 packages/web/src/components/Folders/index.jsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/packages/web/src/components/Folders/index.jsx b/packages/web/src/components/Folders/index.jsx
index c13b7963..fe9ff2a2 100644
--- a/packages/web/src/components/Folders/index.jsx
+++ b/packages/web/src/components/Folders/index.jsx
@@ -33,8 +33,11 @@ export default function Folders() {
   const navigate = useNavigate();
   const { data: folders } = useFolders();
 
-  const { mutateAsync: deleteFolder, error: deleteFolderError } =
-    useDeleteFolder();
+  const {
+    mutateAsync: deleteFolder,
+    error: deleteFolderError,
+    reset: resetDeleteFolder,
+  } = useDeleteFolder();
 
   const [showCreateFolderDialog, setShowCreateFolderDialog] =
     React.useState(false);
@@ -65,6 +68,12 @@ export default function Folders() {
     navigate({ search: allFlowsFolder });
   };
 
+  const handleDeleteFolderClose = async () => {
+    setShowDeleteFolderDialog(false);
+
+    resetDeleteFolder();
+  };
+
   const getFolderSearchParams = (folderId) => {
     const searchParams = new URLSearchParams(`folderId=${folderId}`);
 
@@ -188,7 +197,7 @@ export default function Folders() {
         <ConfirmationDialog
           title={formatMessage('deleteFolderDialog.title')}
           description={formatMessage('deleteFolderDialog.description')}
-          onClose={() => setShowDeleteFolderDialog(false)}
+          onClose={handleDeleteFolderClose}
           onConfirm={handleDeleteFolderConfirmation}
           cancelButtonChildren={formatMessage('deleteFolderDialog.cancel')}
           confirmButtonChildren={formatMessage('deleteFolderDialog.confirm')}