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-59892] Migrate tooltips of 'components/app_bar/app_bar_binding.tsx' to WithTooltip (#27835)

Browse Source
This commit is contained in:
Ivy Gesare 2024-08-06 13:23:01 +03:00 committed by GitHub
parent 72e83560e2
commit c3875d3fe7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,7 +2,6 @@
// See LICENSE.txt for license information.
import React from 'react';
import {Tooltip} from 'react-bootstrap';
import {useIntl} from 'react-intl';
import {useDispatch, useSelector} from 'react-redux';
@ -14,10 +13,9 @@ import {getCurrentTeamId} from 'mattermost-redux/selectors/entities/teams';
import {handleBindingClick, openAppsModal, postEphemeralCallResponseForContext} from 'actions/apps';
import OverlayTrigger from 'components/overlay_trigger';
import WithTooltip from 'components/with_tooltip';
import {createCallContext} from 'utils/apps';
import Constants from 'utils/constants';
import type {DoAppCallResult} from 'types/apps';
@ -84,18 +82,11 @@ const AppBarBinding = (props: BindingComponentProps) => {
const id = `app-bar-icon-${binding.app_id}`;
const label = binding.label || binding.app_id;
const tooltip = (
<Tooltip id={'tooltip-' + id}>
<span>{label}</span>
</Tooltip>
);
return (
<OverlayTrigger
trigger={['hover', 'focus']}
delayShow={Constants.OVERLAY_TIME_DELAY}
<WithTooltip
id={'tooltip-' + id}
title={label}
placement='left'
overlay={tooltip}
>
<div
id={id}
@ -107,7 +98,7 @@ const AppBarBinding = (props: BindingComponentProps) => {
<img src={binding.icon}/>
</div>
</div>
</OverlayTrigger>
</WithTooltip>
);
};