dmitry.galkin/chatbot-template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: Reduce ineffective triggering of the clipboard

Browse source
This commit is contained in:
Ethan Liu 2023-06-21 12:20:49 +08:00
parent cfd367baf9
commit 25361c847b
3 changed files with 17 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

11
components/chat-message-actions.tsx
View file

@ -18,6 +18,11 @@ export function ChatMessageActions({
}: ChatMessageActionsProps) {
const { isCopied, copyToClipboard } = useCopyToClipboard({ timeout: 2000 })
const onCopy = () => {
if (isCopied) return
copyToClipboard(message.content)
}
return (
<div
className={cn(
@ -26,11 +31,7 @@ export function ChatMessageActions({
)}
{...props}
>
<Button
variant="ghost"
size="icon"
onClick={() => copyToClipboard(message.content)}
>
<Button variant="ghost" size="icon" onClick={onCopy}>
{isCopied ? <IconCheck /> : <IconCopy />}
<span className="sr-only">Copy message</span>
</Button>