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

Pull out the dupes and just pass them parameter bloat is fine here as it shouldn't grow too much more

Browse source
This commit is contained in:
Gigiaj 2025-06-15 20:04:12 -05:00
parent df7b71b768
commit 770732beb4
1 changed files with 10 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -130,9 +130,17 @@ export function MessageOptionsMenu({
onReplyClick, onReplyClick,
onEditId, onEditId,
onActiveStateChange, onActiveStateChange,
closeMenu,
menuAnchor,
emojiBoardAnchor,
handleOpenEmojiBoard,
handleOpenMenu,
handleAddReactions,
setMenuAnchor,
setEmojiBoardAnchor,
}) { }) {
const [menuAnchor, setMenuAnchor] = useState<RectCords>(); // const [menuAnchor, setMenuAnchor] = useState<RectCords>();
const [emojiBoardAnchor, setEmojiBoardAnchor] = useState<RectCords>(); // const [emojiBoardAnchor, setEmojiBoardAnchor] = useState<RectCords>();
useEffect(() => { useEffect(() => {
onActiveStateChange?.(!!menuAnchor || !!emojiBoardAnchor); onActiveStateChange?.(!!menuAnchor || !!emojiBoardAnchor);
@ -141,28 +149,6 @@ export function MessageOptionsMenu({
const eventId = mEvent.getId(); const eventId = mEvent.getId();
if (!eventId) return null; if (!eventId) return null;
const closeMenu = () => {
setMenuAnchor(undefined);
};
const handleOpenMenu: MouseEventHandler<HTMLButtonElement> = (evt) => {
const target = evt.currentTarget.parentElement?.parentElement ?? evt.currentTarget;
setMenuAnchor(target.getBoundingClientRect());
};
const handleOpenEmojiBoard: MouseEventHandler<HTMLButtonElement> = (evt) => {
const target = evt.currentTarget.parentElement?.parentElement ?? evt.currentTarget;
setEmojiBoardAnchor(target.getBoundingClientRect());
};
const handleAddReactions: MouseEventHandler<HTMLButtonElement> = () => {
const rect = menuAnchor;
closeMenu();
// Use a timeout to allow the first menu to close before opening the next
setTimeout(() => {
setEmojiBoardAnchor(rect);
}, 100);
};
return ( return (
<div className={css.MessageOptionsBase}> <div className={css.MessageOptionsBase}>
<Menu className={css.MessageOptionsBar} variant="SurfaceVariant"> <Menu className={css.MessageOptionsBar} variant="SurfaceVariant">