fix: disable restart for followers and remove duplicate tooltip

Author: DaryaVorontsova

src/components/ButtonWithConfirmDialog/ButtonWithConfirmDialog.tsx

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

src/containers/Tablets/TabletsTable.tsx

@@ -138,7 +138,8 @@ function getColumns({nodeId}: {nodeId?: string | number}) {
 }
 
 function TabletActions(tablet: TTabletStateInfo) {
-    const isDisabledRestart = tablet.State === ETabletState.Stopped;
+    const isFollower = tablet.Leader === false;
+    const isDisabledRestart = tablet.State === ETabletState.Stopped || isFollower;
     const isUserAllowedToMakeChanges = useIsUserAllowedToMakeChanges();
     const [killTablet] = tabletApi.useKillTabletMutation();
 
@@ -150,7 +151,6 @@ function TabletActions(tablet: TTabletStateInfo) {
     return (
         <ButtonWithConfirmDialog
             buttonView="outlined"
-            buttonTitle={i18n('dialog.kill-header')}
             dialogHeader={i18n('dialog.kill-header')}
             dialogText={i18n('dialog.kill-text')}
             onConfirmAction={() => {
@@ -159,9 +159,11 @@ function TabletActions(tablet: TTabletStateInfo) {
             buttonDisabled={isDisabledRestart || !isUserAllowedToMakeChanges}
             withPopover
             popoverContent={
-                isUserAllowedToMakeChanges
-                    ? i18n('dialog.kill-header')
-                    : i18n('controls.kill-not-allowed')
+                isFollower
+                    ? i18n('controls.kill-impossible-follower')
+                    : isUserAllowedToMakeChanges
+                      ? i18n('dialog.kill-header')
+                      : i18n('controls.kill-not-allowed')
             }
             popoverPlacement={['right', 'bottom']}
             popoverDisabled={false}

src/containers/Tablets/i18n/en.json

@@ -10,6 +10,7 @@
   "dialog.kill-header": "Restart tablet",
   "dialog.kill-text": "The tablet will be restarted. Do you want to proceed?",
   "controls.kill-not-allowed": "You don't have enough rights to restart tablet",
+  "controls.kill-impossible-follower": "It's impossible to restart a follower",
   "controls.search-placeholder": "Tablet ID",
   "controls.entities-count-label": "Tablets"
 }