[MM-59895] Migrate tooltips of 'components/channel_header/channel_header.tsx' to WithTooltip (#27841)

This commit is contained in:
Ivy Gesare 2024-08-07 18:47:19 +03:00 committed by GitHub
parent fc198bb46a
commit 1ad39b9da5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 18 additions and 34 deletions

View File

@ -1769,25 +1769,14 @@ exports[`components/ChannelHeader should render correct menu when muted 1`] = `
<div
className="channel-header__icons"
>
<OverlayTrigger
defaultOverlayShown={false}
delayShow={400}
overlay={
<Tooltip
id="channelMutedTooltip"
>
<Memo(MemoizedFormattedMessage)
defaultMessage="Unmute"
id="channelHeader.unmute"
/>
</Tooltip>
}
<WithTooltip
id="channelMutedTooltip"
placement="bottom"
trigger={
Array [
"hover",
"focus",
]
title={
<Memo(MemoizedFormattedMessage)
defaultMessage="Unmute"
id="channelHeader.unmute"
/>
}
>
<button
@ -1800,7 +1789,7 @@ exports[`components/ChannelHeader should render correct menu when muted 1`] = `
className="icon icon-bell-off-outline"
/>
</button>
</OverlayTrigger>
</WithTooltip>
<HeaderIconWrapper
buttonClass="member-rhs__trigger channel-header__icon channel-header__icon--wide channel-header__icon--left btn btn-icon btn-xs"
buttonId="member_rhs"

View File

@ -18,12 +18,11 @@ import CustomStatusEmoji from 'components/custom_status/custom_status_emoji';
import CustomStatusText from 'components/custom_status/custom_status_text';
import EditChannelHeaderModal from 'components/edit_channel_header_modal';
import Markdown from 'components/markdown';
import OverlayTrigger from 'components/overlay_trigger';
import type {BaseOverlayTrigger} from 'components/overlay_trigger';
import ChannelPermissionGate from 'components/permissions_gates/channel_permission_gate';
import Timestamp from 'components/timestamp';
import Tooltip from 'components/tooltip';
import Popover from 'components/widgets/popover';
import WithTooltip from 'components/with_tooltip';
import CallButton from 'plugins/call_button';
import ChannelHeaderPlug from 'plugins/channel_header_plug';
@ -547,22 +546,18 @@ class ChannelHeader extends React.PureComponent<Props, State> {
);
}
const channelMutedTooltip = (
<Tooltip id='channelMutedTooltip'>
<FormattedMessage
id='channelHeader.unmute'
defaultMessage='Unmute'
/>
</Tooltip>
);
let muteTrigger;
if (channelMuted) {
muteTrigger = (
<OverlayTrigger
delayShow={Constants.OVERLAY_TIME_DELAY}
<WithTooltip
id='channelMutedTooltip'
placement='bottom'
overlay={channelMutedTooltip}
title={
<FormattedMessage
id='channelHeader.unmute'
defaultMessage='Unmute'
/>
}
>
<button
id='toggleMute'
@ -572,7 +567,7 @@ class ChannelHeader extends React.PureComponent<Props, State> {
>
<i className={'icon icon-bell-off-outline'}/>
</button>
</OverlayTrigger>
</WithTooltip>
);
}