From 6dbf649c17b507c783e22a69e700ba2be54beb6f Mon Sep 17 00:00:00 2001
From: Elena Makarova <el-makarova@yandex-team.ru>
Date: Mon, 28 Oct 2024 16:23:14 +0300
Subject: [PATCH] fix(TabletsTable): action icons should coincide in tablets
 page and in table

---
 .../ButtonWithConfirmDialog/ButtonWithConfirmDialog.tsx      | 3 +++
 src/containers/Tablets/TabletsTable.tsx                      | 5 +++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/ButtonWithConfirmDialog/ButtonWithConfirmDialog.tsx b/src/components/ButtonWithConfirmDialog/ButtonWithConfirmDialog.tsx
index 9806d84c1d..e27540aabe 100644
--- a/src/components/ButtonWithConfirmDialog/ButtonWithConfirmDialog.tsx
+++ b/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>
diff --git a/src/containers/Tablets/TabletsTable.tsx b/src/containers/Tablets/TabletsTable.tsx
index 6b9ea49a00..646207dfb0 100644
--- a/src/containers/Tablets/TabletsTable.tsx
+++ b/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>
     );
 }