From 1cf2a4b5c5fc1689d70d5721a30bc876ecdc733b Mon Sep 17 00:00:00 2001 From: AyushKumar123456789 Date: Sat, 4 Jan 2025 17:00:01 +0000 Subject: [PATCH] feat: add Unpin and Unstar message functionality to the icons in MessageHeader component --- packages/react/src/views/Message/Message.js | 2 ++ packages/react/src/views/Message/MessageHeader.js | 4 ++++ 2 files changed, 6 insertions(+) diff --git a/packages/react/src/views/Message/Message.js b/packages/react/src/views/Message/Message.js index 2a56b20b76..185c772df1 100644 --- a/packages/react/src/views/Message/Message.js +++ b/packages/react/src/views/Message/Message.js @@ -218,6 +218,8 @@ const Message = ({ {...(variantStyles?.name?.includes('bubble') && { showDisplayName: !isMe, })} + handlePinMessage={handlePinMessage} + handleStarMessage={handleStarMessage} /> )} {!message.t ? ( diff --git a/packages/react/src/views/Message/MessageHeader.js b/packages/react/src/views/Message/MessageHeader.js index 594c435113..e40dbd6db0 100644 --- a/packages/react/src/views/Message/MessageHeader.js +++ b/packages/react/src/views/Message/MessageHeader.js @@ -19,6 +19,8 @@ const MessageHeader = ({ isTimeStamped = true, isRoles = false, showDisplayName = true, + handlePinMessage, + handleStarMessage }) => { const { styleOverrides, classNames, variantOverrides } = useComponentOverrides('MessageHeader'); @@ -181,6 +183,7 @@ const MessageHeader = ({ name="star-filled" size="1em" color={theme.colors.primary} + onClick={() => handleStarMessage(message)} /> ) : null} @@ -191,6 +194,7 @@ const MessageHeader = ({ name="pin" size="1em" color={theme.colors.primary} + onClick={() => handlePinMessage(message)} /> ) : null}