Added a feature to copy messages

RocketChat · Dec 21, 2024 · 39252b1 · 39252b1
1 parent 1058405
commit 39252b1
Show file tree

Hide file tree

Showing 4 changed files with 44 additions and 0 deletions.
diff --git a/packages/layout_editor/src/views/Message/MessageToolbox.jsx b/packages/layout_editor/src/views/Message/MessageToolbox.jsx
@@ -148,6 +148,13 @@ export const MessageToolbox = ({ variantStyles = {}, ...props }) => {
         iconName: 'edit',
         visible: true,
       },
+      copy: {
+        label: 'Copy message',
+        id: 'copy',
+        onClick: () => {},
+        iconName: 'copy',
+        visible: true,
+      },
       delete: {
         label: 'Delete',
         id: 'delete',

diff --git a/packages/layout_editor/src/views/ThemeLab/LayoutSetting.jsx b/packages/layout_editor/src/views/ThemeLab/LayoutSetting.jsx
@@ -356,6 +356,14 @@ const LayoutSetting = () => {
         },
         iconName: 'edit',
       },
+      copy: {
+        label: 'Copy message',
+        id: 'copy',
+        onClick: () => {
+          addMessageSurfaceItem('copy');
+        },
+        iconName: 'copy',
+      },
       delete: {
         label: 'Delete',
         id: 'delete',

diff --git a/packages/react/src/views/Message/Message.js b/packages/react/src/views/Message/Message.js
@@ -114,6 +114,23 @@ const Message = ({
     }
   };
 
+  const handleCopyMessage = async (msg) => {
+    navigator.clipboard
+      .writeText(msg.msg)
+      .then(() => {
+        dispatchToastMessage({
+          type: 'success',
+          message: 'Message copied successfully',
+        });
+      })
+      .catch(() => {
+        dispatchToastMessage({
+          type: 'error',
+          message: 'Error in copying message',
+        });
+      });
+  };
+
   const handleDeleteMessage = async (msg) => {
     const res = await RCInstance.deleteMessage(msg._id);
 
@@ -209,6 +226,7 @@ const Message = ({
                     authenticatedUserId={authenticatedUserId}
                     userRoles={userRoles}
                     pinRoles={pinRoles}
+                    handleCopyMessage={handleCopyMessage}
                     handleOpenThread={handleOpenThread}
                     handleDeleteMessage={handleDeleteMessage}
                     handleStarMessage={handleStarMessage}

diff --git a/packages/react/src/views/Message/MessageToolbox.js b/packages/react/src/views/Message/MessageToolbox.js
@@ -29,6 +29,7 @@ export const MessageToolbox = ({
   handleStarMessage,
   handleDeleteMessage,
   handlerReportMessage,
+  handleCopyMessage,
   handleEditMessage,
   handleQuoteMessage,
   isEditing = false,
@@ -38,6 +39,7 @@ export const MessageToolbox = ({
       'reply',
       'quote',
       'star',
+      'copy',
       'pin',
       'edit',
       'delete',
@@ -124,6 +126,13 @@ export const MessageToolbox = ({
         color: isEditing ? 'secondary' : 'default',
         ghost: !isEditing,
       },
+      copy: {
+        label: 'Copy message',
+        id: 'copy',
+        onClick: () => handleCopyMessage(message),
+        iconName: 'copy',
+        visible: true,
+      },
       delete: {
         label: 'Delete',
         id: 'delete',
@@ -152,6 +161,8 @@ export const MessageToolbox = ({
       handlePinMessage,
       handleEditMessage,
       handlerReportMessage,
+      handleCopyMessage,
+      isAllowedToPin,
     ]
   );