Update app/components/MessageOptions.jsx

app/components/MessageOptions.jsx

@@ -1,29 +1,29 @@
-"use client";
-import { useState } from 'react';
-import { MdOutlineDone } from "react-icons/md";
-import { MdContentCopy } from 'react-icons/md';
-import { GrPowerReset } from 'react-icons/gr';
-
-const MessageOptions = ({ message, regenerateMessage }) => {
-  const [icon, setIcon] = useState(<MdContentCopy />);
-
-  const handleCopy = () => {
-    navigator.clipboard.writeText(message.content);
-    setIcon(<MdOutlineDone />);
-
-    setTimeout(() => {
-      setIcon(<MdContentCopy />);
-    }, 1000);
-  };
-
-  return (
-     (
-      <div className="message-options">
-        <button onClick={handleCopy}>{icon}</button>
-        <button onClick={() => regenerateMessage(message)}><GrPowerReset /></button>
-      </div>
-    )
-  );
-};
-
-export default MessageOptions;
+"use client";
+import { useState } from 'react';
+import { MdOutlineDone } from "react-icons/md";
+import { MdContentCopy } from 'react-icons/md';
+import { GrPowerReset } from 'react-icons/gr';
+
+const MessageOptions = ({ message, regenerateMessage }) => {
+  const [icon, setIcon] = useState(<MdContentCopy />);
+
+  const handleCopy = () => {
+    if (message.role === 'bot') { // Check if the message is from the bot
+      navigator.clipboard.writeText(message.content);
+      setIcon(<MdOutlineDone />);
+
+      setTimeout(() => {
+        setIcon(<MdContentCopy />);
+      }, 1000);
+    }
+  };
+
+  return (
+    <div className="message-options">
+      <button onClick={handleCopy}>{icon}</button>
+      <button onClick={() => regenerateMessage(message)}><GrPowerReset /></button>
+    </div>
+  );
+};
+
+export default MessageOptions;