From 3633ef0aa4edf81ff82b729edd40a1affc63dd0c Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Thu, 11 Nov 2021 15:02:00 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E6=93=8D=E4=BD=9C?=
 =?UTF-8?q?=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/ChatBox/ChatMessageList/Item.tsx    | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/web/src/components/ChatBox/ChatMessageList/Item.tsx b/web/src/components/ChatBox/ChatMessageList/Item.tsx
index ecbe194e..1b959a6e 100644
--- a/web/src/components/ChatBox/ChatMessageList/Item.tsx
+++ b/web/src/components/ChatBox/ChatMessageList/Item.tsx
@@ -23,7 +23,7 @@ import { UserName } from '@/components/UserName';
 import './item.less';
 
 /**
- * 消息的会话信息
+ * 消息的会话操作
  */
 function useChatMessageItemAction(payload: ChatMessage): React.ReactElement {
   const context = useChatBoxContext();
@@ -35,11 +35,19 @@ function useChatMessageItemAction(payload: ChatMessage): React.ReactElement {
   return (
     <Menu>
       {context.hasContext && (
-        <Menu.Item key="reply" onClick={() => context.setReplyMsg(payload)}>
+        <Menu.Item
+          key="reply"
+          icon={<Icon icon="mdi:reply" />}
+          onClick={() => context.setReplyMsg(payload)}
+        >
           {t('回复')}
         </Menu.Item>
       )}
-      <Menu.Item key="recall" onClick={handleRecallMessage}>
+      <Menu.Item
+        key="recall"
+        icon={<Icon icon="mdi:restore" />}
+        onClick={handleRecallMessage}
+      >
         {t('撤回')}
       </Menu.Item>
     </Menu>