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-59891] Migrate tooltips of 'components/file_attachment/file_attachment.tsx' to WithTooltip (#27855)

Browse Source
This commit is contained in:
Ivy Gesare 2024-08-07 18:46:52 +03:00 committed by GitHub
parent 5238d40101
commit fc198bb46a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
webapp/channels/src/components/file_attachment/file_attachment.tsx
View File

@ -12,10 +12,9 @@ import {getFileThumbnailUrl, getFileUrl} from 'mattermost-redux/utils/file_utils
import useTooltip from 'components/common/hooks/useTooltip';
import GetPublicModal from 'components/get_public_link_modal';
import OverlayTrigger from 'components/overlay_trigger';
import Tooltip from 'components/tooltip';
import Menu from 'components/widgets/menu/menu';
import MenuWrapper from 'components/widgets/menu/menu_wrapper';
import WithTooltip from 'components/with_tooltip';
import {Constants, FileTypes, ModalIdentifiers} from 'utils/constants';
import {trimFilename} from 'utils/file_utils';
@ -226,22 +225,15 @@ export default function FileAttachment(props: Props) {
);
}
const tooltip = (
<Tooltip id='file-name__tooltip'>
{formatMessage({id: 'file_search_result_item.more_actions', defaultMessage: 'More Actions'})}
</Tooltip>
);
return (
<MenuWrapper
onToggle={handleDropdownOpened}
stopPropagationOnToggle={true}
>
<OverlayTrigger
className='hidden-xs'
delayShow={1000}
<WithTooltip
id='file-name__tooltip'
title={formatMessage({id: 'file_search_result_item.more_actions', defaultMessage: 'More Actions'})}
placement='top'
overlay={tooltip}
>
<button
ref={buttonRef}
@ -255,7 +247,7 @@ export default function FileAttachment(props: Props) {
>
<i className='icon icon-dots-vertical'/>
</button>
</OverlayTrigger>
</WithTooltip>
<Menu
id={`file_dropdown_${props.fileInfo.id}`}
ariaLabel={'file menu'}