diff --git a/packages/ui/src/ui/pages/navigation/Navigation/PathEditorModal/DeleteObjectModal/DeleteObjectModal.js b/packages/ui/src/ui/pages/navigation/Navigation/PathEditorModal/DeleteObjectModal/DeleteObjectModal.js index 5fac044708..9183a64ec8 100644 --- a/packages/ui/src/ui/pages/navigation/Navigation/PathEditorModal/DeleteObjectModal/DeleteObjectModal.js +++ b/packages/ui/src/ui/pages/navigation/Navigation/PathEditorModal/DeleteObjectModal/DeleteObjectModal.js @@ -11,10 +11,9 @@ import {renderMapNodesTableIcon} from '../../../../../pages/navigation/content/M import ErrorBoundary from '../../../../../components/ErrorBoundary/ErrorBoundary'; import MetaTable from '../../../../../components/MetaTable/MetaTable'; import HelpLink from '../../../../../components/HelpLink/HelpLink'; -import {Checkbox, Loader} from '@gravity-ui/uikit'; +import {Checkbox, Loader, Popover} from '@gravity-ui/uikit'; import Error from '../../../../../components/Error/Error'; import Modal from '../../../../../components/Modal/Modal'; -import Label from '../../../../../components/Label/Label'; import { closeDeleteModal, @@ -77,8 +76,11 @@ export class DeleteObjectModal extends Component { togglePermanentlyDelete: PropTypes.func.isRequired, }; + permanentlyTooltipRef = React.createRef(); + permanentlyCheckboxRef = React.createRef(); + componentDidUpdate(prevProps) { - const {visible, item, getRealPath, getRealPaths, multipleMode} = this.props; + const {visible, item, getRealPath, getRealPaths, multipleMode, permanently} = this.props; if (!prevProps.visible && visible) { if (multipleMode) { @@ -87,6 +89,12 @@ export class DeleteObjectModal extends Component { getRealPath(item); } } + + if (permanently) { + this.permanentlyTooltipRef.current?.openTooltip(); + } else { + this.permanentlyTooltipRef.current?.closeTooltip(); + } } get content() { @@ -136,14 +144,22 @@ export class DeleteObjectModal extends Component { return (