mirror of
https://github.com/fromchat-messenger/web.git
synced 2026-09-22 19:15:08 +03:00
Fix emoji menu close animation
This commit is contained in:
@@ -152,11 +152,11 @@ export function MessageContextMenu({
|
|||||||
onOpenChange(false);
|
onOpenChange(false);
|
||||||
setIsClosing(false);
|
setIsClosing(false);
|
||||||
setAnimationClass('entering'); // Reset for next opening
|
setAnimationClass('entering'); // Reset for next opening
|
||||||
// Reset emoji menu state after context menu animation completes
|
// Reset emoji menu state after context menu animation completes
|
||||||
setIsEmojiMenuExpanded(false);
|
setIsEmojiMenuExpanded(false);
|
||||||
setInitialDimensions(null);
|
setInitialDimensions(null);
|
||||||
setExpandUpward(false);
|
setExpandUpward(false);
|
||||||
setContextMenuHeight(null);
|
setContextMenuHeight(null);
|
||||||
}, 200); // Match the animation duration from _animations.scss
|
}, 200); // Match the animation duration from _animations.scss
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -249,18 +249,11 @@ export function MessageContextMenu({
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function handleEmojiMenuClose() {
|
|
||||||
setIsEmojiMenuExpanded(false);
|
|
||||||
setInitialDimensions(null);
|
|
||||||
setExpandUpward(false);
|
|
||||||
setContextMenuHeight(null);
|
|
||||||
}
|
|
||||||
|
|
||||||
function handleEmojiSelect(emoji: string) {
|
function handleEmojiSelect(emoji: string) {
|
||||||
if (onReactionClick) {
|
if (onReactionClick) {
|
||||||
onReactionClick(message.id, emoji);
|
onReactionClick(message.id, emoji);
|
||||||
}
|
}
|
||||||
handleEmojiMenuClose();
|
handleClose();
|
||||||
}
|
}
|
||||||
|
|
||||||
return isOpen && (
|
return isOpen && (
|
||||||
@@ -315,7 +308,7 @@ export function MessageContextMenu({
|
|||||||
className="emoji-menu-wrapper">
|
className="emoji-menu-wrapper">
|
||||||
<EmojiMenu
|
<EmojiMenu
|
||||||
isOpen={true}
|
isOpen={true}
|
||||||
onClose={handleEmojiMenuClose}
|
onClose={handleClose}
|
||||||
onEmojiSelect={handleEmojiSelect}
|
onEmojiSelect={handleEmojiSelect}
|
||||||
mode="integrated"
|
mode="integrated"
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user