ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Sender Group Container: Fix menu ref (#6136)

Browse Source
This commit is contained in:
Alexander Zinchuk 2025-08-21 12:05:06 +02:00
parent d10dfa93c0
commit 322b0defc0
1 changed files with 4 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/middle/message/SenderGroupContainer.tsx
View File

@ -3,7 +3,6 @@ import type React from '../../../lib/teact/teact';
import {
memo,
useEffect,
useRef,
} from '../../../lib/teact/teact';
import { getActions, withGlobal } from '../../../global';
@ -76,7 +75,6 @@ const SenderGroupContainer: FC<OwnProps & StateProps> = ({
canPost,
}) => {
const { openChat, updateInsertingPeerIdMention } = getActions();
const ref = useRef<HTMLDivElement>();
const { forwardInfo } = message;
@ -134,12 +132,12 @@ const SenderGroupContainer: FC<OwnProps & StateProps> = ({
isContextMenuOpen, contextMenuAnchor,
handleContextMenu, handleContextMenuClose,
handleContextMenuHide,
} = useContextMenuHandlers(ref);
} = useContextMenuHandlers(avatarRef);
const getTriggerElement = useLastCallback(() => avatarRef.current);
const getRootElement = useLastCallback(() => document.querySelector('.Transition_slide-active > .MessageList'));
const getMenuElement = useLastCallback(
() => ref?.current?.querySelector(`.${styles.contextMenu} .bubble`),
() => avatarRef?.current?.querySelector(`.${styles.contextMenu} .bubble`),
);
const getLayout = useLastCallback(() => ({ withPortal: true }));
@ -204,14 +202,14 @@ const SenderGroupContainer: FC<OwnProps & StateProps> = ({
);
return (
<div id={id} className={className} ref={ref}>
<div id={id} className={className}>
{shouldRender && (
<div ref={avatarRef} className={styles.avatarContainer}>
{renderAvatar()}
{shouldRenderContextMenu && renderContextMenu()}
</div>
)}
{children}
{shouldRenderContextMenu && renderContextMenu()}
</div>
);
};