fix(Navigation/ReplicatedTable): add info icon for 'Automatic mode sw…

…itch' [YTFRONT-4327]
ytsaurus · Sep 10, 2024 · 5446fc3 · 5446fc3
1 parent bbf5415
commit 5446fc3
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 0 deletions.
diff --git 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
@@ -47,4 +47,9 @@
             }
         }
     }
+
+    &__info-icon {
+        margin-left: 4px;
+        margin-top: -3px;
+    }
 }