mirror of
https://github.com/status-im/status-desktop.git
synced 2025-01-10 22:36:24 +00:00
7102596b3f
This commit makes reactions in the status timeline work. There are two things prior to this commit that are broken: 1. The logic that opens the reaction context menu always expects and instance of `chatsView` because it tries to calculate a users nickname. Such an instance isn't always available in that context, so the nickname logic has been moved to `appMain` for now, removing that dependency and therefore making it work in both, the chat view as well as the status view. 2. While 1) makes the context menu work, it turns out that adding and removing reactions inside the status timeline is still not working. The reason for that is, that the reactions component maintains its own `messageList`, which isn't aware of the fact that reactions for messages coming from chats of `ChatType.Profile`, need to go into a dedicated message list for `ChatType.Timeline`. In other words, reactions are sent and removed from message in messagelists that don't actually exist. This commit fixes both of these things by ensuring the message lists maintained by reactions are timeline aware. Also ensuring updates are done correctly.
165 lines
5.7 KiB
QML
165 lines
5.7 KiB
QML
import QtQuick 2.13
|
|
import QtQuick.Controls 2.13
|
|
import QtQuick.Layouts 1.13
|
|
import "../../../../imports"
|
|
import "../../../../shared"
|
|
import "../../../../shared/status"
|
|
import "./"
|
|
import "../components"
|
|
|
|
ModalPopup {
|
|
id: popup
|
|
property QtObject community: chatsModel.activeCommunity
|
|
|
|
header: Item {
|
|
height: childrenRect.height
|
|
width: parent.width
|
|
|
|
StyledText {
|
|
id: groupName
|
|
text: qsTr("Members")
|
|
anchors.top: parent.top
|
|
anchors.topMargin: 2
|
|
anchors.left: parent.left
|
|
font.bold: true
|
|
font.pixelSize: 14
|
|
wrapMode: Text.WordWrap
|
|
}
|
|
|
|
StyledText {
|
|
text: community.nbMembers.toString()
|
|
width: 160
|
|
anchors.left: parent.left
|
|
anchors.top: groupName.bottom
|
|
anchors.topMargin: 2
|
|
font.pixelSize: 14
|
|
color: Style.current.darkGrey
|
|
}
|
|
}
|
|
|
|
CommunityPopupButton {
|
|
id: inviteBtn
|
|
label: qsTr("Invite People")
|
|
width: popup.width
|
|
iconName: "invite"
|
|
onClicked: openPopup(inviteFriendsPopup)
|
|
Component {
|
|
id: inviteFriendsPopup
|
|
InviteFriendsToCommunityPopup {
|
|
onClosed: {
|
|
destroy()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Separator {
|
|
id: sep
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.top: inviteBtn.bottom
|
|
anchors.topMargin: Style.current.smallPadding
|
|
anchors.leftMargin: -Style.current.padding
|
|
anchors.rightMargin: -Style.current.padding
|
|
}
|
|
|
|
ListView {
|
|
id: memberList
|
|
anchors.top: sep.bottom
|
|
anchors.topMargin: Style.current.smallPadding
|
|
anchors.bottom: popup.bottom
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.bottomMargin: Style.current.halfPadding
|
|
spacing: 4
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
model: community.members
|
|
delegate: Item {
|
|
id: contactRow
|
|
width: parent.width
|
|
height: identicon.height
|
|
|
|
property string nickname: appMain.getUserNickname(model.pubKey)
|
|
|
|
StatusImageIdenticon {
|
|
id: identicon
|
|
anchors.left: parent.left
|
|
source: model.identicon
|
|
}
|
|
|
|
StyledText {
|
|
text: !model.userName.endsWith(".eth") && !!contactRow.nickname ?
|
|
contactRow.nickname : Utils.removeStatusEns(model.userName)
|
|
anchors.left: identicon.right
|
|
anchors.leftMargin: Style.current.smallPadding
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: Style.current.smallPadding
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
font.pixelSize: 13
|
|
}
|
|
|
|
StyledText {
|
|
id: moreActionsBtn
|
|
text: "..."
|
|
font.letterSpacing: 0.5
|
|
font.bold: true
|
|
lineHeight: 1.4
|
|
font.pixelSize: 25
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: Style.current.smallPadding
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
onClicked: contextMenu.popup(-contextMenu.width / 2 + moreActionsBtn.width / 2, moreActionsBtn.height)
|
|
cursorShape: Qt.PointingHandCursor
|
|
PopupMenu {
|
|
id: contextMenu
|
|
Action {
|
|
icon.source: "../../../img/communities/menu/view-profile.svg"
|
|
icon.width: 16
|
|
icon.height: 16
|
|
text: qsTr("View Profile")
|
|
onTriggered: openProfilePopup(model.userName, model.pubKey, model.identicon, '', contactRow.nickname)
|
|
}
|
|
Action {
|
|
icon.source: "../../../img/communities/menu/roles.svg"
|
|
icon.width: 16
|
|
icon.height: 16
|
|
text: qsTr("Roles")
|
|
onTriggered: console.log("TODO")
|
|
}
|
|
Separator {}
|
|
Action {
|
|
icon.source: "../../../img/communities/menu/kick.svg"
|
|
icon.width: 16
|
|
icon.height: 16
|
|
icon.color: Style.current.red
|
|
text: qsTr("Kick")
|
|
onTriggered: chatsModel.removeUserFromCommunity(model.pubKey)
|
|
}
|
|
Action {
|
|
icon.source: "../../../img/communities/menu/ban.svg"
|
|
icon.width: 16
|
|
icon.height: 16
|
|
icon.color: Style.current.red
|
|
text: qsTr("Ban")
|
|
onTriggered: console.log("TODO")
|
|
}
|
|
Separator {}
|
|
Action {
|
|
icon.source: "../../../img/communities/menu/transfer-ownership.svg"
|
|
icon.width: 16
|
|
icon.height: 16
|
|
icon.color: Style.current.red
|
|
text: qsTr("Transfer ownership")
|
|
onTriggered: console.log("TODO")
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|