mirrors/cinny
1
0
Fork 0
mirror of https://github.com/cinnyapp/cinny.git synced 2025-11-05 15:00:30 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Fix ref issue causing the menu to remain open unless an option is selected

Browse source
This commit is contained in:
Gigiaj 2025-06-15 23:20:09 -05:00
parent 7b84264b26
commit c4d0a7a820
1 changed files with 24 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/app/features/room/MessageOptionsMenu.tsx
View file

@ -1,5 +1,5 @@
import { Box, Icon, IconButton, Icons, Line, Menu, MenuItem, PopOut, RectCords, Text } from 'folds';
import React, { MouseEventHandler, useEffect } from 'react';
import React, { forwardRef, MouseEventHandler, useEffect } from 'react';
import FocusTrap from 'focus-trap-react';
import classNames from 'classnames';
@ -36,7 +36,9 @@ type BaseOptionProps = {
closeMenu: () => void;
};
export function MessageDropdownMenu({
export const MessageDropdownMenu = forwardRef<HTMLDivElement, BaseOptionProps>(
(
{
mEvent,
room,
mx,
@ -51,9 +53,10 @@ export function MessageDropdownMenu({
onEditId,
handleAddReactions,
closeMenu,
}: BaseOptionProps) {
return (
<Menu>
},
ref
) => (
<Menu ref={ref}>
{canSendReaction && (
<MessageQuickReactions
onReaction={(key, shortcode) => {
@ -130,8 +133,8 @@ export function MessageDropdownMenu({
</>
)}
</Menu>
);
}
)
);
type ExtendedOptionsProps = BaseOptionProps & {
imagePackRooms: Room[] | undefined;