diff --git a/packages/web/src/components/Folders/index.jsx b/packages/web/src/components/Folders/index.jsx index f6c8cfa3..221accbe 100644 --- a/packages/web/src/components/Folders/index.jsx +++ b/packages/web/src/components/Folders/index.jsx @@ -22,6 +22,7 @@ import EditFolderDialog from 'components/EditFolderDialog'; import useFormatMessage from 'hooks/useFormatMessage'; import useFolders from 'hooks/useFolders'; import useDeleteFolder from 'hooks/useDeleteFolder'; +import useEnqueueSnackbar from 'hooks/useEnqueueSnackbar'; import { ListItemIcon } from './style'; @@ -32,6 +33,7 @@ export default function Folders() { const [searchParams] = useSearchParams(); const navigate = useNavigate(); const { data: folders } = useFolders(); + const enqueueSnackbar = useEnqueueSnackbar(); const { mutateAsync: deleteFolder, @@ -68,6 +70,13 @@ export default function Folders() { setShowDeleteFolderDialog(false); navigate({ search: allFlowsFolder }); + + enqueueSnackbar(formatMessage('folders.successfullyDeleted'), { + variant: 'success', + SnackbarProps: { + 'data-test': 'snackbar-delete-folder-success', + }, + }); }; const handleDeleteFolderClose = async () => { diff --git a/packages/web/src/locales/en.json b/packages/web/src/locales/en.json index 5fd4aff2..84ee9511 100644 --- a/packages/web/src/locales/en.json +++ b/packages/web/src/locales/en.json @@ -334,6 +334,7 @@ "folders.allFlows": "All flows", "folders.unassignedFlows": "Uncategorized flows", "folders.createNew": "New folder", + "folders.successfullyDeleted": "The folder has been deleted.", "createFolderDialog.title": "Create folder", "createFolderDialog.create": "Create", "createFolderDialog.description": "You can create a new folder by submitting the form below.",