IntenseWebs/mattermost
3
0
Fork 0
mirror of https://github.com/mattermost/mattermost.git synced 2025-02-25 18:55:24 -06:00
Code Issues Packages Projects Releases Wiki Activity

[MM-59894] Migrate tooltips of 'components/app_bar/app_bar_plugin_component.tsx' to WithTooltip (#27834)

Browse Source
This commit is contained in:
Ivy Gesare 2024-08-06 08:32:46 +03:00 committed by GitHub
parent 540febd866
commit 9466b948ad
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
webapp/channels/src/components/app_bar/app_bar_plugin_component.tsx
View File

@ -3,17 +3,16 @@
import classNames from 'classnames';
import React, {useState, useEffect} from 'react';
import {Tooltip} from 'react-bootstrap';
import {useSelector} from 'react-redux';
import {getCurrentChannel, getMyCurrentChannelMembership} from 'mattermost-redux/selectors/entities/channels';
import {getActiveRhsComponent} from 'selectors/rhs';
import OverlayTrigger from 'components/overlay_trigger';
import PluginIcon from 'components/widgets/icons/plugin_icon';
import WithTooltip from 'components/with_tooltip';
import Constants, {suitePluginIds} from 'utils/constants';
import {suitePluginIds} from 'utils/constants';
import type {PluginComponent, AppBarComponent} from 'types/store/plugins';
@ -56,11 +55,6 @@ const AppBarPluginComponent = (props: PluginComponentProps) => {
const buttonId = `app-bar-icon-${component.pluginId}`;
const tooltipText = component.tooltipText || component.dropdownText || component.pluginId;
const tooltip = (
<Tooltip id={'pluginTooltip-' + buttonId}>
<span>{tooltipText}</span>
</Tooltip>
);
const iconUrl = component.iconUrl;
let content: React.ReactNode = (
@ -101,11 +95,10 @@ const AppBarPluginComponent = (props: PluginComponentProps) => {
const boardsEnabled = component.pluginId === suitePluginIds.focalboard;
return (
<OverlayTrigger
trigger={['hover', 'focus']}
delayShow={Constants.OVERLAY_TIME_DELAY}
<WithTooltip
id={'pluginTooltip-' + buttonId}
title={tooltipText}
placement='left'
overlay={tooltip}
>
<div
id={buttonId}
@ -117,7 +110,7 @@ const AppBarPluginComponent = (props: PluginComponentProps) => {
{content}
{boardsEnabled && <NewChannelWithBoardTourTip/>}
</div>
</OverlayTrigger>
</WithTooltip>
);
};