- Removed ContextMenuOverlay component and integrated its styles directly into the Dropdown component for cleaner code.
This commit is contained in:
MyPrototypeWhat 2025-03-13 14:26:57 +08:00 committed by Asurada
parent a2aa7aed09
commit 2392bb4ed4

View File

@ -132,14 +132,13 @@ const MessageItem: FC<Props> = ({
onContextMenu={handleContextMenu} onContextMenu={handleContextMenu}
style={{ ...style, alignItems: isBubbleStyle ? (isAssistantMessage ? 'start' : 'end') : undefined }}> style={{ ...style, alignItems: isBubbleStyle ? (isAssistantMessage ? 'start' : 'end') : undefined }}>
{contextMenuPosition && ( {contextMenuPosition && (
<ContextMenuOverlay style={{ left: contextMenuPosition.x, top: contextMenuPosition.y, zIndex: 1000 }}>
<Dropdown <Dropdown
overlayStyle={{ left: contextMenuPosition.x, top: contextMenuPosition.y, zIndex: 1000 }}
menu={{ items: getContextMenuItems(t, selectedQuoteText, selectedText) }} menu={{ items: getContextMenuItems(t, selectedQuoteText, selectedText) }}
open={true} open={true}
trigger={['contextMenu']}> trigger={['contextMenu']}>
<div /> <div />
</Dropdown> </Dropdown>
</ContextMenuOverlay>
)} )}
<MessageHeader message={message} assistant={assistant} model={model} key={getModelUniqId(model)} /> <MessageHeader message={message} assistant={assistant} model={model} key={getModelUniqId(model)} />
<MessageContentContainer <MessageContentContainer
@ -251,8 +250,4 @@ const NewContextMessage = styled.div`
cursor: pointer; cursor: pointer;
` `
const ContextMenuOverlay = styled.div`
position: fixed;
`
export default memo(MessageItem) export default memo(MessageItem)