fix(@desktop/pinned): actions to unpin and jump to the message

ui/app/AppLayouts/Chat/ChatColumn/MessageComponents/ChatButtons.qml

@@ -91,6 +91,9 @@ Rectangle {
             onClicked: {
                 SelectedMessage.set(messageId, fromAuthor);
                 showReplyArea()
+                if (messageContextMenu.closeParentPopup) {
+                    messageContextMenu.closeParentPopup()
+                }
             }
             onHoveredChanged: {
                 buttonsContainer.hoverChanged(this.hovered)

ui/app/AppLayouts/Chat/components/MessageContextMenu.qml

@@ -10,6 +10,7 @@ import "./"
 PopupMenu {
     id: messageContextMenu
     width: messageContextMenu.isProfile ? profileHeader.width : emojiContainer.width
+    closePolicy: Popup.CloseOnPressOutside | Popup.CloseOnEscape
 
     property string messageId
     property bool isProfile: false
@@ -17,6 +18,7 @@ PopupMenu {
     property bool emojiOnly: false
     property bool hideEmojiPicker: false
     property bool pinnedMessage: false
+    property bool showJumpTo: false
     property bool isText: false
     property bool isCurrentUser: false
     property string linkUrls: ""
@@ -30,6 +32,8 @@ PopupMenu {
     property var onClickEdit: function(){}
     property var reactionModel
 
+    signal closeParentPopup
+
     subMenuIcons: [{
             source: Qt.resolvedUrl("../../../../shared/img/copy-to-clipboard-icon"),
             width: 16,
@@ -53,7 +57,7 @@ PopupMenu {
         const numLinkUrls = messageContextMenu.linkUrls.split(" ").length
         copyLinkMenu.enabled = numLinkUrls > 1
         copyLinkAction.enabled = !!messageContextMenu.linkUrls && numLinkUrls === 1 && !emojiOnly && !messageContextMenu.isProfile
-        popup();
+        popup()
     }
 
     Item {
@@ -263,8 +267,9 @@ PopupMenu {
                 appMain.changeAppSection(Constants.chat)
                 chatsModel.channelView.joinPrivateChat(fromAuthor, "")
             } else {
-              showReplyArea()
+                showReplyArea()
             }
+            messageContextMenu.closeParentPopup()
             messageContextMenu.close()
         }
         icon.source: "../../../img/messageActive.svg"
@@ -272,4 +277,17 @@ PopupMenu {
         icon.height: 16
         enabled: !isSticker && !emojiOnly
     }
+
+    Action {
+        text: qsTr("Jump to")
+        onTriggered: {
+            positionAtMessage(messageContextMenu.messageId)
+            messageContextMenu.closeParentPopup()
+            messageContextMenu.close()
+        }
+        icon.source: "../../../img/arrow-up.svg"
+        icon.width: 16
+        icon.height: 16
+        enabled: messageContextMenu.pinnedMessage && messageContextMenu.showJumpTo
+    }
 }

ui/app/AppLayouts/Chat/components/PinnedMessagesPopup.qml

@@ -2,6 +2,7 @@ import QtQuick 2.13
 import "../../../../imports"
 import "../../../../shared"
 import "../../../../shared/status"
+import "../data"
 import "../ChatColumn"
 
 ModalPopup {
@@ -70,7 +71,13 @@ ModalPopup {
             anchors.topMargin: -Style.current.halfPadding
             clip: true
 
+            function closePopup() {
+                popup.close()
+            }
+
             delegate: Message {
+                id: messageItem
+                property var view: ListView.view
                 fromAuthor: model.fromAuthor
                 chatId: model.chatId
                 userName: model.userName
@@ -96,8 +103,18 @@ ModalPopup {
                 pinnedMessage: true
                 pinnedBy: model.pinnedBy
                 forceHoverHandler: true
+                activityCenterMessage: false
                 isEdited: model.isEdited
                 showEdit: false
+                messageContextMenu: MessageContextMenu {
+                    showJumpTo: true
+                    pinnedMessage: true
+                    reactionModel: EmojiReactions { }
+
+                    onCloseParentPopup: {
+                        messageItem.view.closePopup()
+                    }
+                }
             }
         }
     }

ui/app/img/arrow-up.svg

@@ -0,0 +1,3 @@
+<svg width="10" height="12" viewBox="0 0 10 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.35355 5.02055C1.15829 5.21581 0.841709 5.21581 0.646447 5.02055C0.451184 4.82528 0.451184 4.5087 0.646447 4.31344L4.64645 0.313439C4.84171 0.118177 5.15829 0.118177 5.35355 0.313439L9.35355 4.31344C9.54882 4.5087 9.54882 4.82528 9.35355 5.02055C9.15829 5.21581 8.84171 5.21581 8.64645 5.02055L6.06904 2.44313C5.85905 2.23315 5.5 2.38187 5.5 2.67884V11.3337C5.5 11.6098 5.27614 11.8337 5 11.8337C4.72386 11.8337 4.5 11.6098 4.5 11.3337L4.5 2.67884C4.5 2.38187 4.14095 2.23315 3.93096 2.44313L1.35355 5.02055Z" fill="#4360DF"/>
+</svg>