ui: support copy message content

pingcap · May 14, 2024 · 93d31dd · 93d31dd
1 parent 996ae9b
commit 93d31dd
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 56 deletions.
diff --git a/src/components/chat/message-operations.tsx b/src/components/chat/message-operations.tsx
@@ -1,6 +1,7 @@
 import { useMyChatContext } from '@/components/chat/context';
 import type { ConversationMessageGroupProps } from '@/components/chat/use-grouped-conversation-messages';
 import { Button } from '@/components/ui/button';
+import copy from 'copy-to-clipboard';
 import { ClipboardIcon, RefreshCwIcon, ShareIcon, ThumbsDown } from 'lucide-react';
 
 export function MessageOperations ({ group }: { group: ConversationMessageGroupProps }) {
@@ -27,7 +28,12 @@ export function MessageOperations ({ group }: { group: ConversationMessageGroupP
         <ThumbsDown className="w-4 h-4" />
       </Button>
       <Button size="icon" variant="ghost" className="rounded-full w-7 h-7">
-        <ClipboardIcon className="w-4 h-4" />
+        <ClipboardIcon
+          className="w-4 h-4"
+          onClick={() => {
+            copy(group.assistantMessage.content);
+          }}
+        />
       </Button>
     </div>
   );

diff --git a/src/components/message-list.tsx b/src/components/message-list.tsx
diff --git a/src/components/message.tsx b/src/components/message.tsx