diff --git a/frontend/src/Editor/Header/GlobalSettings.jsx b/frontend/src/Editor/Header/GlobalSettings.jsx index a841c3ffa4..e2321b2ff0 100644 --- a/frontend/src/Editor/Header/GlobalSettings.jsx +++ b/frontend/src/Editor/Header/GlobalSettings.jsx @@ -239,6 +239,7 @@ export const GlobalSettings = ({ selectedSidebarItem={show} icon="settings" className={cx(`cursor-pointer sidebar-global-settings`)} + tip="Settings" /> diff --git a/frontend/src/Editor/LeftSidebar/SidebarComment.jsx b/frontend/src/Editor/LeftSidebar/SidebarComment.jsx index e7b0a9d816..65e035c921 100644 --- a/frontend/src/Editor/LeftSidebar/SidebarComment.jsx +++ b/frontend/src/Editor/LeftSidebar/SidebarComment.jsx @@ -34,6 +34,7 @@ export const LeftSidebarComment = ({ toggleComments, selectedSidebarItem, appVer toggleActive(!isActive); toggleComments(); }} + tip="Comments" /> ); }; diff --git a/frontend/src/Editor/LeftSidebar/SidebarDatasources.jsx b/frontend/src/Editor/LeftSidebar/SidebarDatasources.jsx index 773fc2d379..fb52a1f2e7 100644 --- a/frontend/src/Editor/LeftSidebar/SidebarDatasources.jsx +++ b/frontend/src/Editor/LeftSidebar/SidebarDatasources.jsx @@ -130,6 +130,7 @@ export const LeftSidebarDataSources = ({ onClick={() => setSelectedSidebarItem('database')} icon="database" className={`left-sidebar-item sidebar-datasources left-sidebar-layout`} + tip="Sources" /> diff --git a/frontend/src/Editor/LeftSidebar/SidebarDebugger.jsx b/frontend/src/Editor/LeftSidebar/SidebarDebugger.jsx index 53c091fdd6..d3a197bc0d 100644 --- a/frontend/src/Editor/LeftSidebar/SidebarDebugger.jsx +++ b/frontend/src/Editor/LeftSidebar/SidebarDebugger.jsx @@ -142,6 +142,7 @@ export const LeftSidebarDebugger = ({ className={`left-sidebar-item left-sidebar-layout`} badge={true} count={unReadErrorCount.unread} + tip="Debugger" /> ); diff --git a/frontend/src/Editor/LeftSidebar/SidebarInspector.jsx b/frontend/src/Editor/LeftSidebar/SidebarInspector.jsx index 5815cbc325..70ff345562 100644 --- a/frontend/src/Editor/LeftSidebar/SidebarInspector.jsx +++ b/frontend/src/Editor/LeftSidebar/SidebarInspector.jsx @@ -213,6 +213,7 @@ export const LeftSidebarInspector = ({ onClick={() => setSelectedSidebarItem('inspect')} icon="inspect" className={`left-sidebar-item left-sidebar-layout left-sidebar-inspector`} + tip="Inspector" /> ); diff --git a/frontend/src/Editor/LeftSidebar/SidebarItem.jsx b/frontend/src/Editor/LeftSidebar/SidebarItem.jsx index d42f479a99..632788604f 100644 --- a/frontend/src/Editor/LeftSidebar/SidebarItem.jsx +++ b/frontend/src/Editor/LeftSidebar/SidebarItem.jsx @@ -43,8 +43,8 @@ export const LeftSidebarItem = ({ {t(`leftSidebar.${text}.tip`, tip)}} + delay={{ show: 250, hide: 200 }} + overlay={{t(`leftSidebar.${tip}.tip`, tip)}} > {content} diff --git a/frontend/src/Editor/LeftSidebar/SidebarPageSelector/index.jsx b/frontend/src/Editor/LeftSidebar/SidebarPageSelector/index.jsx index 38198e5b88..afbe6b754d 100644 --- a/frontend/src/Editor/LeftSidebar/SidebarPageSelector/index.jsx +++ b/frontend/src/Editor/LeftSidebar/SidebarPageSelector/index.jsx @@ -186,6 +186,7 @@ const LeftSidebarPageSelector = ({ onClick={() => setSelectedSidebarItem('page')} icon="page" className={`left-sidebar-item left-sidebar-layout left-sidebar-page-selector`} + tip="Pages" /> );