diff --git a/packages/web/src/components/FlowContextMenu/index.tsx b/packages/web/src/components/FlowContextMenu/index.tsx index 95bea760..9b03a4db 100644 --- a/packages/web/src/components/FlowContextMenu/index.tsx +++ b/packages/web/src/components/FlowContextMenu/index.tsx @@ -4,6 +4,7 @@ import { Link } from 'react-router-dom'; import Menu from '@mui/material/Menu'; import type { PopoverProps } from '@mui/material/Popover'; import MenuItem from '@mui/material/MenuItem'; +import { useSnackbar } from 'notistack'; import { DELETE_FLOW } from 'graphql/mutations/delete-flow'; import * as URLS from 'config/urls'; @@ -17,6 +18,7 @@ type ContextMenuProps = { export default function ContextMenu(props: ContextMenuProps): React.ReactElement { const { flowId, onClose, anchorEl } = props; + const { enqueueSnackbar } = useSnackbar(); const [deleteFlow] = useMutation(DELETE_FLOW); const formatMessage = useFormatMessage(); @@ -34,6 +36,8 @@ export default function ContextMenu(props: ContextMenuProps): React.ReactElement }); } }); + + enqueueSnackbar(formatMessage('flow.successfullyDeleted'), { variant: 'success' }); }, [flowId, deleteFlow]); return ( diff --git a/packages/web/src/locales/en.json b/packages/web/src/locales/en.json index 801306dc..e4b7454d 100644 --- a/packages/web/src/locales/en.json +++ b/packages/web/src/locales/en.json @@ -43,6 +43,7 @@ "flow.inactive": "OFF", "flow.published": "Published", "flow.draft": "Draft", + "flow.successfullyDeleted": "The flow and associated executions have been deleted.", "flowEditor.publish": "PUBLISH", "flowEditor.unpublish": "UNPUBLISH", "flowEditor.publishedFlowCannotBeUpdated": "To edit this flow, you must first unpublish it.",