From 5446fc381fd17695cdbd22b280c53d0deb5e8a86 Mon Sep 17 00:00:00 2001
From: Maksim Efremov <ma-efremoff@yandex-team.ru>
Date: Thu, 5 Sep 2024 16:20:30 +0300
Subject: [PATCH] fix(Navigation/ReplicatedTable): add info icon for 'Automatic
 mode switch' [YTFRONT-4327]

---
 .../navigation/content/ReplicatedTable/ReplicatedTable.js | 8 ++++++++
 .../content/ReplicatedTable/ReplicatedTable.scss          | 5 +++++
 2 files changed, 13 insertions(+)

diff --git a/packages/ui/src/ui/pages/navigation/content/ReplicatedTable/ReplicatedTable.js b/packages/ui/src/ui/pages/navigation/content/ReplicatedTable/ReplicatedTable.js
index 8cbf5460d..38ad398c4 100644
--- a/packages/ui/src/ui/pages/navigation/content/ReplicatedTable/ReplicatedTable.js
+++ b/packages/ui/src/ui/pages/navigation/content/ReplicatedTable/ReplicatedTable.js
@@ -13,6 +13,7 @@ import LoadDataHandler from '../../../../components/LoadDataHandler/LoadDataHand
 import ClipboardButton from '../../../../components/ClipboardButton/ClipboardButton';
 import ElementsTable from '../../../../components/ElementsTable/ElementsTable';
 import StatusBulb from '../../../../components/StatusBulb/StatusBulb';
+import Icon from '../../../../components/Icon/Icon';
 import Link from '../../../../components/Link/Link';
 import {Tooltip} from '../../../../components/Tooltip/Tooltip';
 
@@ -215,6 +216,13 @@ class ReplicatedTable extends Component {
         return (
             <Tooltip content={enableTableTracker ? title : 'Disabled by table settings'}>
                 <StatusBulb theme={theme} className={block('auto-switch', {})} />
+                {!enableTableTracker && (
+                    <Icon
+                        color="secondary"
+                        awesome="question-circle"
+                        className={block('info-icon')}
+                    />
+                )}
             </Tooltip>
         );
     }
diff --git a/packages/ui/src/ui/pages/navigation/content/ReplicatedTable/ReplicatedTable.scss b/packages/ui/src/ui/pages/navigation/content/ReplicatedTable/ReplicatedTable.scss
index 0d9ebb805..1f602809d 100644
--- a/packages/ui/src/ui/pages/navigation/content/ReplicatedTable/ReplicatedTable.scss
+++ b/packages/ui/src/ui/pages/navigation/content/ReplicatedTable/ReplicatedTable.scss
@@ -47,4 +47,9 @@
             }
         }
     }
+
+    &__info-icon {
+        margin-left: 4px;
+        margin-top: -3px;
+    }
 }