- Removed ContextMenuOverlay component and integrated its styles directly into the Dropdown component for cleaner code.
This commit is contained in:
parent
a2aa7aed09
commit
2392bb4ed4
@ -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)
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user