|
1 | 1 | import {ArrowRotateLeft} from '@gravity-ui/icons'; |
2 | 2 | import type {Column as DataTableColumn} from '@gravity-ui/react-data-table'; |
3 | | -import {Icon, Text} from '@gravity-ui/uikit'; |
| 3 | +import {Icon, Text, Tooltip} from '@gravity-ui/uikit'; |
4 | 4 |
|
5 | 5 | import {ButtonWithConfirmDialog} from '../../components/ButtonWithConfirmDialog/ButtonWithConfirmDialog'; |
6 | 6 | import {EntityStatus} from '../../components/EntityStatus/EntityStatus'; |
@@ -126,21 +126,25 @@ function TabletActions(tablet: TTabletStateInfo) { |
126 | 126 | } |
127 | 127 |
|
128 | 128 | return ( |
129 | | - <ButtonWithConfirmDialog |
130 | | - buttonView="outlined" |
131 | | - buttonTitle={i18n('dialog.kill-header')} |
132 | | - dialogHeader={i18n('dialog.kill-header')} |
133 | | - dialogText={i18n('dialog.kill-text')} |
134 | | - onConfirmAction={() => { |
135 | | - return killTablet({id}).unwrap(); |
136 | | - }} |
137 | | - buttonDisabled={isDisabledRestart || !isUserAllowedToMakeChanges} |
138 | | - withPopover |
139 | | - popoverContent={i18n('controls.kill-not-allowed')} |
140 | | - popoverDisabled={isUserAllowedToMakeChanges} |
141 | | - > |
142 | | - <Icon data={ArrowRotateLeft} /> |
143 | | - </ButtonWithConfirmDialog> |
| 129 | + <Tooltip openDelay={0} content={i18n('dialog.kill-header')} placement={['right', 'auto']}> |
| 130 | + <div> |
| 131 | + <ButtonWithConfirmDialog |
| 132 | + buttonView="outlined" |
| 133 | + buttonTitle={i18n('dialog.kill-header')} |
| 134 | + dialogHeader={i18n('dialog.kill-header')} |
| 135 | + dialogText={i18n('dialog.kill-text')} |
| 136 | + onConfirmAction={() => { |
| 137 | + return killTablet({id}).unwrap(); |
| 138 | + }} |
| 139 | + buttonDisabled={isDisabledRestart || !isUserAllowedToMakeChanges} |
| 140 | + withPopover |
| 141 | + popoverContent={i18n('controls.kill-not-allowed')} |
| 142 | + popoverDisabled={isUserAllowedToMakeChanges} |
| 143 | + > |
| 144 | + <Icon data={ArrowRotateLeft} /> |
| 145 | + </ButtonWithConfirmDialog> |
| 146 | + </div> |
| 147 | + </Tooltip> |
144 | 148 | ); |
145 | 149 | } |
146 | 150 |
|
|
0 commit comments