[MM-59338] Migrate tooltips of "components/menu/menu.tsx" to WithTooltip (#27597)
Этот коммит содержится в:
@@ -584,6 +584,7 @@ exports[`admin_console/team_channel_settings/team/TeamProfile__Cloud should matc
|
||||
<OverlayTrigger
|
||||
defaultOverlayShown={false}
|
||||
delay={400}
|
||||
disabled={false}
|
||||
overlay={<Unknown />}
|
||||
placement="bottom"
|
||||
trigger={
|
||||
|
||||
@@ -821,6 +821,7 @@ exports[`components/drafts/panel/panel_body should match snapshot for requested_
|
||||
<OverlayTrigger
|
||||
defaultOverlayShown={false}
|
||||
delay={400}
|
||||
disabled={false}
|
||||
overlay={<Unknown />}
|
||||
placement="top"
|
||||
trigger={
|
||||
|
||||
@@ -22,8 +22,7 @@ import {openModal, closeModal} from 'actions/views/modals';
|
||||
import {getIsMobileView} from 'selectors/views/browser';
|
||||
|
||||
import CompassDesignProvider from 'components/compass_design_provider';
|
||||
import OverlayTrigger from 'components/overlay_trigger';
|
||||
import Tooltip from 'components/tooltip';
|
||||
import WithTooltip from 'components/with_tooltip';
|
||||
|
||||
import Constants, {A11yClassNames} from 'utils/constants';
|
||||
import {isKeyPressed} from 'utils/keyboard';
|
||||
@@ -31,7 +30,6 @@ import {isKeyPressed} from 'utils/keyboard';
|
||||
import {MenuContext, useMenuContextValue} from './menu_context';
|
||||
import {MuiMenuStyled} from './menu_styled';
|
||||
|
||||
const OVERLAY_TIME_DELAY = 500;
|
||||
const MENU_OPEN_ANIMATION_DURATION = 150;
|
||||
const MENU_CLOSE_ANIMATION_DURATION = 100;
|
||||
|
||||
@@ -203,21 +201,14 @@ export function Menu(props: Props) {
|
||||
|
||||
if (props.menuButtonTooltip && props.menuButtonTooltip.text && !isMobileView) {
|
||||
return (
|
||||
<OverlayTrigger
|
||||
delayShow={OVERLAY_TIME_DELAY}
|
||||
<WithTooltip
|
||||
id={props.menuButtonTooltip.id}
|
||||
title={props.menuButtonTooltip.text}
|
||||
placement={props?.menuButtonTooltip?.placement ?? 'top'}
|
||||
overlay={
|
||||
<Tooltip
|
||||
id={props.menuButtonTooltip.id}
|
||||
className={props.menuButtonTooltip?.class ?? ''}
|
||||
>
|
||||
{props.menuButtonTooltip.text}
|
||||
</Tooltip>
|
||||
}
|
||||
disabled={isMenuOpen}
|
||||
>
|
||||
{triggerElement}
|
||||
</OverlayTrigger>
|
||||
</WithTooltip>
|
||||
);
|
||||
}
|
||||
|
||||
|
||||
@@ -97,6 +97,7 @@ exports[`components/threading/channel_threads/thread_footer should report total
|
||||
<OverlayTrigger
|
||||
defaultOverlayShown={false}
|
||||
delay={400}
|
||||
disabled={false}
|
||||
overlay={<Unknown />}
|
||||
placement="top"
|
||||
trigger={
|
||||
@@ -234,6 +235,7 @@ exports[`components/threading/channel_threads/thread_footer should report total
|
||||
<OverlayTrigger
|
||||
defaultOverlayShown={false}
|
||||
delay={400}
|
||||
disabled={false}
|
||||
overlay={<Unknown />}
|
||||
placement="top"
|
||||
trigger={
|
||||
@@ -371,6 +373,7 @@ exports[`components/threading/channel_threads/thread_footer should report total
|
||||
<OverlayTrigger
|
||||
defaultOverlayShown={false}
|
||||
delay={400}
|
||||
disabled={false}
|
||||
overlay={<Unknown />}
|
||||
placement="top"
|
||||
trigger={
|
||||
@@ -482,6 +485,7 @@ exports[`components/threading/channel_threads/thread_footer should report total
|
||||
<OverlayTrigger
|
||||
defaultOverlayShown={false}
|
||||
delay={400}
|
||||
disabled={false}
|
||||
overlay={<Unknown />}
|
||||
placement="top"
|
||||
trigger={
|
||||
@@ -966,6 +970,7 @@ exports[`components/threading/channel_threads/thread_footer should show unread i
|
||||
<OverlayTrigger
|
||||
defaultOverlayShown={false}
|
||||
delay={400}
|
||||
disabled={false}
|
||||
overlay={<Unknown />}
|
||||
placement="top"
|
||||
trigger={
|
||||
@@ -1103,6 +1108,7 @@ exports[`components/threading/channel_threads/thread_footer should show unread i
|
||||
<OverlayTrigger
|
||||
defaultOverlayShown={false}
|
||||
delay={400}
|
||||
disabled={false}
|
||||
overlay={<Unknown />}
|
||||
placement="top"
|
||||
trigger={
|
||||
@@ -1240,6 +1246,7 @@ exports[`components/threading/channel_threads/thread_footer should show unread i
|
||||
<OverlayTrigger
|
||||
defaultOverlayShown={false}
|
||||
delay={400}
|
||||
disabled={false}
|
||||
overlay={<Unknown />}
|
||||
placement="top"
|
||||
trigger={
|
||||
@@ -1351,6 +1358,7 @@ exports[`components/threading/channel_threads/thread_footer should show unread i
|
||||
<OverlayTrigger
|
||||
defaultOverlayShown={false}
|
||||
delay={400}
|
||||
disabled={false}
|
||||
overlay={<Unknown />}
|
||||
placement="top"
|
||||
trigger={
|
||||
|
||||
@@ -51,6 +51,7 @@ exports[`components/widgets/users/Avatars should fetch missing users 1`] = `
|
||||
<OverlayTrigger
|
||||
defaultOverlayShown={false}
|
||||
delay={400}
|
||||
disabled={false}
|
||||
overlay={<Unknown />}
|
||||
placement="top"
|
||||
trigger={
|
||||
@@ -188,6 +189,7 @@ exports[`components/widgets/users/Avatars should fetch missing users 1`] = `
|
||||
<OverlayTrigger
|
||||
defaultOverlayShown={false}
|
||||
delay={400}
|
||||
disabled={false}
|
||||
overlay={<Unknown />}
|
||||
placement="top"
|
||||
trigger={
|
||||
@@ -325,6 +327,7 @@ exports[`components/widgets/users/Avatars should fetch missing users 1`] = `
|
||||
<OverlayTrigger
|
||||
defaultOverlayShown={false}
|
||||
delay={400}
|
||||
disabled={false}
|
||||
overlay={<Unknown />}
|
||||
placement="top"
|
||||
trigger={
|
||||
@@ -436,6 +439,7 @@ exports[`components/widgets/users/Avatars should fetch missing users 1`] = `
|
||||
<OverlayTrigger
|
||||
defaultOverlayShown={false}
|
||||
delay={400}
|
||||
disabled={false}
|
||||
overlay={<Unknown />}
|
||||
placement="top"
|
||||
trigger={
|
||||
@@ -587,6 +591,7 @@ exports[`components/widgets/users/Avatars should properly count overflow 1`] = `
|
||||
<OverlayTrigger
|
||||
defaultOverlayShown={false}
|
||||
delay={400}
|
||||
disabled={false}
|
||||
overlay={<Unknown />}
|
||||
placement="top"
|
||||
trigger={
|
||||
@@ -724,6 +729,7 @@ exports[`components/widgets/users/Avatars should properly count overflow 1`] = `
|
||||
<OverlayTrigger
|
||||
defaultOverlayShown={false}
|
||||
delay={400}
|
||||
disabled={false}
|
||||
overlay={<Unknown />}
|
||||
placement="top"
|
||||
trigger={
|
||||
@@ -861,6 +867,7 @@ exports[`components/widgets/users/Avatars should properly count overflow 1`] = `
|
||||
<OverlayTrigger
|
||||
defaultOverlayShown={false}
|
||||
delay={400}
|
||||
disabled={false}
|
||||
overlay={<Unknown />}
|
||||
placement="top"
|
||||
trigger={
|
||||
@@ -972,6 +979,7 @@ exports[`components/widgets/users/Avatars should properly count overflow 1`] = `
|
||||
<OverlayTrigger
|
||||
defaultOverlayShown={false}
|
||||
delay={400}
|
||||
disabled={false}
|
||||
overlay={<Unknown />}
|
||||
placement="top"
|
||||
trigger={
|
||||
@@ -1121,6 +1129,7 @@ exports[`components/widgets/users/Avatars should support userIds 1`] = `
|
||||
<OverlayTrigger
|
||||
defaultOverlayShown={false}
|
||||
delay={400}
|
||||
disabled={false}
|
||||
overlay={<Unknown />}
|
||||
placement="top"
|
||||
trigger={
|
||||
@@ -1258,6 +1267,7 @@ exports[`components/widgets/users/Avatars should support userIds 1`] = `
|
||||
<OverlayTrigger
|
||||
defaultOverlayShown={false}
|
||||
delay={400}
|
||||
disabled={false}
|
||||
overlay={<Unknown />}
|
||||
placement="top"
|
||||
trigger={
|
||||
@@ -1395,6 +1405,7 @@ exports[`components/widgets/users/Avatars should support userIds 1`] = `
|
||||
<OverlayTrigger
|
||||
defaultOverlayShown={false}
|
||||
delay={400}
|
||||
disabled={false}
|
||||
overlay={<Unknown />}
|
||||
placement="top"
|
||||
trigger={
|
||||
|
||||
@@ -19,6 +19,7 @@ type WithTooltipProps = {
|
||||
onShow?: () => void;
|
||||
delayHide?: number;
|
||||
onExit?: () => void;
|
||||
disabled?: boolean;
|
||||
} & CommonTooltipProps;
|
||||
const WithTooltip = ({
|
||||
id,
|
||||
@@ -33,6 +34,7 @@ const WithTooltip = ({
|
||||
children,
|
||||
onExit,
|
||||
shouldUpdatePosition,
|
||||
disabled = false,
|
||||
}: WithTooltipProps) => {
|
||||
const ThisTooltip = useMemo(() => createTooltip({
|
||||
id,
|
||||
@@ -52,6 +54,7 @@ const WithTooltip = ({
|
||||
delayHide={delayHide}
|
||||
onExit={onExit}
|
||||
shouldUpdatePosition={shouldUpdatePosition}
|
||||
disabled={disabled}
|
||||
>
|
||||
{children}
|
||||
</OverlayTrigger>
|
||||
|
||||
Ссылка в новой задаче
Block a user