From 71ccc6e10ca96fb1ccfe0f23e5e9a896418dbe05 Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Sat, 4 Dec 2021 00:06:06 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E7=82=B9=E5=87=BB?=
 =?UTF-8?q?=E8=81=8A=E5=A4=A9=E9=A1=B9=E6=93=8D=E4=BD=9C=E5=90=8E=E6=97=A0?=
 =?UTF-8?q?=E6=B3=95=E5=8F=96=E6=B6=88=E9=80=89=E4=B8=AD=E7=9A=84=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/ChatBox/ChatMessageList/Item.tsx         | 6 +++++-
 .../ChatBox/ChatMessageList/useChatMessageItemAction.tsx    | 5 +++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/web/src/components/ChatBox/ChatMessageList/Item.tsx b/web/src/components/ChatBox/ChatMessageList/Item.tsx
index fe6385a8..f7066a62 100644
--- a/web/src/components/ChatBox/ChatMessageList/Item.tsx
+++ b/web/src/components/ChatBox/ChatMessageList/Item.tsx
@@ -66,7 +66,11 @@ const NormalMessage: React.FC<ChatMessageItemProps> = React.memo((props) => {
   const reactions = useMessageReactions(payload);
 
   const emojiAction = useChatMessageReaction(payload);
-  const moreActions = useChatMessageItemAction(payload);
+  const moreActions = useChatMessageItemAction(payload, {
+    onClick: () => {
+      setIsActionBtnActive(false);
+    },
+  });
 
   return (
     <div
diff --git a/web/src/components/ChatBox/ChatMessageList/useChatMessageItemAction.tsx b/web/src/components/ChatBox/ChatMessageList/useChatMessageItemAction.tsx
index b43ea2de..69229bd8 100644
--- a/web/src/components/ChatBox/ChatMessageList/useChatMessageItemAction.tsx
+++ b/web/src/components/ChatBox/ChatMessageList/useChatMessageItemAction.tsx
@@ -16,7 +16,8 @@ import {
  * 消息的会话操作
  */
 export function useChatMessageItemAction(
-  payload: ChatMessage
+  payload: ChatMessage,
+  options: { onClick?: () => void }
 ): React.ReactElement {
   const context = useChatBoxContext();
   const groupInfo = useGroupInfoContext();
@@ -34,7 +35,7 @@ export function useChatMessageItemAction(
   const isMessageAuthor = payload.author === userInfo?._id;
 
   return (
-    <Menu>
+    <Menu onClick={options.onClick}>
       {context.hasContext && (
         <Menu.Item
           key="reply"