fix(TabletsTable): action icons coincide in tablet's page and in table (#1549)

Author: Raubzeug

src/components/ButtonWithConfirmDialog/ButtonWithConfirmDialog.tsx

@@ -15,6 +15,7 @@ interface ButtonWithConfirmDialogProps<T, K> {
     retryButtonText?: string;
     buttonDisabled?: ButtonProps['disabled'];
     buttonView?: ButtonProps['view'];
+    buttonTitle?: ButtonProps['title'];
     buttonClassName?: ButtonProps['className'];
     withPopover?: boolean;
     popoverContent?: PopoverProps['content'];
@@ -31,6 +32,7 @@ export function ButtonWithConfirmDialog<T, K>({
     retryButtonText,
     buttonDisabled = false,
     buttonView = 'action',
+    buttonTitle,
     buttonClassName,
     withPopover = false,
     popoverContent,
@@ -69,6 +71,7 @@ export function ButtonWithConfirmDialog<T, K>({
                 disabled={buttonDisabled}
                 loading={!buttonDisabled && buttonLoading}
                 className={buttonClassName}
+                title={buttonTitle}
             >
                 {children}
             </Button>

src/containers/Tablets/TabletsTable.tsx

@@ -1,4 +1,4 @@
-import {ArrowsRotateRight} from '@gravity-ui/icons';
+import {ArrowRotateLeft} from '@gravity-ui/icons';
 import type {Column as DataTableColumn} from '@gravity-ui/react-data-table';
 import {Icon, Text} from '@gravity-ui/uikit';
 
@@ -128,6 +128,7 @@ function TabletActions(tablet: TTabletStateInfo) {
     return (
         <ButtonWithConfirmDialog
             buttonView="outlined"
+            buttonTitle={i18n('dialog.kill-header')}
             dialogHeader={i18n('dialog.kill-header')}
             dialogText={i18n('dialog.kill-text')}
             onConfirmAction={() => {
@@ -138,7 +139,7 @@ function TabletActions(tablet: TTabletStateInfo) {
             popoverContent={i18n('controls.kill-not-allowed')}
             popoverDisabled={isUserAllowedToMakeChanges}
         >
-            <Icon data={ArrowsRotateRight} />
+            <Icon data={ArrowRotateLeft} />
         </ButtonWithConfirmDialog>
     );
 }