copy should deliminate between paragraph and button

This commit is contained in:
Nate Kelley 2025-10-01 14:13:34 -06:00
parent 352bd0b906
commit a9d62f6b9d
No known key found for this signature in database
GPG Key ID: FD90372AB8D98B4F
1 changed files with 13 additions and 3 deletions

View File

@ -34,7 +34,7 @@ export const ChatUserMessage: React.FC<{
setIsTooltipOpen(false); setIsTooltipOpen(false);
}, []); }, []);
const handleCopy = useCallback( const handleCopyParagraph = useCallback(
(e?: React.ClipboardEvent) => { (e?: React.ClipboardEvent) => {
// Check if user has selected text // Check if user has selected text
const selection = window.getSelection(); const selection = window.getSelection();
@ -54,6 +54,16 @@ export const ChatUserMessage: React.FC<{
[openSuccessMessage, request] [openSuccessMessage, request]
); );
const handleCopyButton = useCallback(
(e?: React.ClipboardEvent) => {
e?.preventDefault();
e?.preventDefault();
navigator.clipboard.writeText(request || '');
openSuccessMessage('Copied to clipboard');
},
[openSuccessMessage, request]
);
return ( return (
<MessageContainer <MessageContainer
senderName={sender_name} senderName={sender_name}
@ -71,7 +81,7 @@ export const ChatUserMessage: React.FC<{
/> />
) : ( ) : (
<> <>
<Paragraph className="break-words whitespace-pre-line" onCopy={handleCopy}> <Paragraph className="break-words whitespace-pre-line" onCopy={handleCopyParagraph}>
{request} {request}
</Paragraph> </Paragraph>
@ -79,7 +89,7 @@ export const ChatUserMessage: React.FC<{
<RequestMessageTooltip <RequestMessageTooltip
isTooltipOpen={isTooltipOpen} isTooltipOpen={isTooltipOpen}
setIsEditing={setIsEditing} setIsEditing={setIsEditing}
onCopy={handleCopy} onCopy={handleCopyButton}
/> />
)} )}
</> </>