refactor: reaction 暴露给所有用户

web/src/components/ChatBox/ChatMessageList/Item.tsx

@@ -20,7 +20,6 @@ import { UserName } from '@/components/UserName';
 import clsx from 'clsx';
 import { useChatMessageItemAction } from './useChatMessageItemAction';
 import { useChatMessageReactionAction } from './useChatMessageReaction';
-import { DevContainer } from '@/components/DevContainer';
 import { TcPopover } from '@/components/TcPopover';
 import { useMessageReactions } from './useMessageReactions';
 import './Item.less';
@@ -124,19 +123,17 @@ const NormalMessage: React.FC<ChatMessageItemProps> = React.memo((props) => {
           }
         )}
       >
-        <DevContainer>
+        <TcPopover
-          <TcPopover
+          overlayClassName="chat-message-item_action-popover"
-            overlayClassName="chat-message-item_action-popover"
+          content={emojiAction}
-            content={emojiAction}
+          placement="bottomLeft"
-            placement="bottomLeft"
+          trigger={['click']}
-            trigger={['click']}
+          onVisibleChange={setIsActionBtnActive}
-            onVisibleChange={setIsActionBtnActive}
+        >
-          >
+          <div>
-            <div>
+            <MessageActionIcon icon="mdi:emoticon-happy-outline" />
-              <MessageActionIcon icon="mdi:emoticon-happy-outline" />
+          </div>
-            </div>
+        </TcPopover>
-          </TcPopover>
-        </DevContainer>
 
         <Dropdown
           overlay={moreActions}