diff --git a/web/navigation-sidebar/account-settings-button.react.js b/web/navigation-sidebar/account-settings-button.react.js --- a/web/navigation-sidebar/account-settings-button.react.js +++ b/web/navigation-sidebar/account-settings-button.react.js @@ -8,7 +8,7 @@ import css from './account-settings-button.css'; import { navigationSidebarLabelTooltipMargin } from './navigation-sidebar-constants.js'; import { updateNavInfoActionType } from '../redux/action-types.js'; -import { useNavigationSidebarTooltip } from '../utils/tooltip-action-utils.js'; +import { useLabelTooltip } from '../utils/tooltip-action-utils.js'; import { tooltipPositions } from '../utils/tooltip-utils.js'; function AccountSettingsButton(): React.Node { @@ -26,7 +26,7 @@ [dispatch], ); - const { onMouseEnter, onMouseLeave } = useNavigationSidebarTooltip({ + const { onMouseEnter, onMouseLeave } = useLabelTooltip({ tooltipLabel: 'Settings', position: tooltipPositions.RIGHT, tooltipMargin: navigationSidebarLabelTooltipMargin, diff --git a/web/navigation-sidebar/community-creation-button.react.js b/web/navigation-sidebar/community-creation-button.react.js --- a/web/navigation-sidebar/community-creation-button.react.js +++ b/web/navigation-sidebar/community-creation-button.react.js @@ -8,7 +8,7 @@ import css from './community-creation-button.css'; import { navigationSidebarLabelTooltipMargin } from './navigation-sidebar-constants.js'; import CommunityCreationModal from '../sidebar/community-creation/community-creation-modal.react.js'; -import { useNavigationSidebarTooltip } from '../utils/tooltip-action-utils.js'; +import { useLabelTooltip } from '../utils/tooltip-action-utils.js'; import { tooltipPositions } from '../utils/tooltip-utils.js'; function CommunityCreationButton(): React.Node { @@ -19,7 +19,7 @@ [pushModal], ); - const { onMouseEnter, onMouseLeave } = useNavigationSidebarTooltip({ + const { onMouseEnter, onMouseLeave } = useLabelTooltip({ tooltipLabel: 'Create community', position: tooltipPositions.RIGHT, tooltipMargin: navigationSidebarLabelTooltipMargin, diff --git a/web/navigation-sidebar/community-list-item.react.js b/web/navigation-sidebar/community-list-item.react.js --- a/web/navigation-sidebar/community-list-item.react.js +++ b/web/navigation-sidebar/community-list-item.react.js @@ -10,7 +10,7 @@ import ThreadAvatar from '../avatars/thread-avatar.react.js'; import UnreadBadge from '../components/unread-badge.react.js'; import { useSelector } from '../redux/redux-utils.js'; -import { useNavigationSidebarTooltip } from '../utils/tooltip-action-utils.js'; +import { useLabelTooltip } from '../utils/tooltip-action-utils.js'; import { tooltipPositions } from '../utils/tooltip-utils.js'; type Props = { @@ -36,7 +36,7 @@ ); }, [unreadCountValue]); - const { onMouseEnter, onMouseLeave } = useNavigationSidebarTooltip({ + const { onMouseEnter, onMouseLeave } = useLabelTooltip({ tooltipLabel: threadInfo.uiName, position: tooltipPositions.RIGHT, tooltipMargin: navigationSidebarLabelTooltipMargin, diff --git a/web/navigation-sidebar/navigation-sidebar-toolitp.react.js b/web/navigation-sidebar/label-toolitp.react.js rename from web/navigation-sidebar/navigation-sidebar-toolitp.react.js rename to web/navigation-sidebar/label-toolitp.react.js --- a/web/navigation-sidebar/navigation-sidebar-toolitp.react.js +++ b/web/navigation-sidebar/label-toolitp.react.js @@ -3,8 +3,8 @@ import classNames from 'classnames'; import * as React from 'react'; -import { navigationSidebarTooltipStyle } from './navigation-sidebar-constants.js'; -import css from './navigation-sidebar-tooltip.css'; +import css from './label-tooltip.css'; +import { labelTooltipStyle } from './navigation-sidebar-constants.js'; import { tooltipPositions, type TooltipPosition, @@ -16,7 +16,7 @@ +tooltipMargin: number, }; -function NavigationSidebarTooltip(props: Props): React.Node { +function LabelTooltip(props: Props): React.Node { const { tooltipLabel, position, tooltipMargin } = props; const tooltipMarginStyle = React.useMemo( @@ -39,11 +39,11 @@ return (