mirror of
https://github.com/status-im/status-desktop.git
synced 2025-01-09 22:06:25 +00:00
51b661386a
We no longer send community invites to users, instead we just share the community and let users request access. That request will either be automatically or manually accepted by the owner/admin. Depends on https://github.com/status-im/status-go/pull/2682 Closes #5115
299 lines
12 KiB
QML
299 lines
12 KiB
QML
import QtQuick 2.3
|
|
import QtQuick.Dialogs 1.3
|
|
import QtQuick.Layouts 1.14
|
|
|
|
import utils 1.0
|
|
|
|
import StatusQ.Core 0.1
|
|
import StatusQ.Core.Theme 0.1
|
|
import StatusQ.Controls 0.1
|
|
|
|
import shared.panels 1.0
|
|
import shared.popups 1.0
|
|
|
|
Item {
|
|
id: root
|
|
anchors.left: parent.left
|
|
height: rectangleBubbleLoader.height
|
|
width: rectangleBubbleLoader.width
|
|
|
|
property string communityId
|
|
property var invitedCommunity
|
|
property int innerMargin: 12
|
|
property bool isLink: false
|
|
property var store
|
|
|
|
function getCommunity() {
|
|
try {
|
|
const communityJson = root.store.getSectionByIdJson(communityId)
|
|
if (!communityJson) {
|
|
return null
|
|
}
|
|
|
|
return JSON.parse(communityJson);
|
|
} catch (e) {
|
|
console.error("Error parsing community", e)
|
|
}
|
|
|
|
return null
|
|
}
|
|
|
|
Component.onCompleted: {
|
|
root.invitedCommunity = getCommunity()
|
|
}
|
|
|
|
Connections {
|
|
target: root.store.communitiesModuleInst
|
|
onCommunityChanged: function (communityId) {
|
|
if (communityId === root.communityId) {
|
|
root.invitedCommunity = getCommunity()
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: communityIntroDialog
|
|
|
|
CommunityIntroDialog {
|
|
anchors.centerIn: parent
|
|
|
|
property var joinMethod: () => {}
|
|
|
|
name: root.invitedCommunity ? root.invitedCommunity.name : ""
|
|
introMessage: root.invitedCommunity ? root.invitedCommunity.introMessage : ""
|
|
imageSrc: root.invitedCommunity ? root.invitedCommunity.image : ""
|
|
|
|
onJoined: joinMethod()
|
|
}
|
|
}
|
|
|
|
Loader {
|
|
id: rectangleBubbleLoader
|
|
active: !!invitedCommunity
|
|
|
|
sourceComponent: Component {
|
|
Rectangle {
|
|
id: rectangleBubble
|
|
property alias button: joinBtn
|
|
property bool isPendingRequest: root.store.isCommunityRequestPending(communityId)
|
|
width: 270
|
|
height: column.implicitHeight
|
|
radius: 16
|
|
color: Style.current.background
|
|
border.color: Style.current.border
|
|
border.width: 1
|
|
|
|
states: [
|
|
State {
|
|
name: "requiresEns"
|
|
when: invitedCommunity.ensOnly && !userProfile.ensName
|
|
PropertyChanges {
|
|
target: joinBtn
|
|
text: qsTr("Membership requires an ENS username")
|
|
enabled: false
|
|
}
|
|
},
|
|
State {
|
|
name: "inviteOnly"
|
|
when: invitedCommunity.access === Constants.communityChatInvitationOnlyAccess
|
|
PropertyChanges {
|
|
target: joinBtn
|
|
text: qsTr("You need to be invited")
|
|
enabled: false
|
|
}
|
|
},
|
|
State {
|
|
name: "pending"
|
|
when: invitedCommunity.access === Constants.communityChatOnRequestAccess &&
|
|
rectangleBubble.isPendingRequest
|
|
PropertyChanges {
|
|
target: joinBtn
|
|
text: qsTr("Pending")
|
|
enabled: false
|
|
}
|
|
},
|
|
State {
|
|
name: "joined"
|
|
when: (invitedCommunity.joined && invitedCommunity.isMember) ||
|
|
(invitedCommunity.access === Constants.communityChatPublicAccess &&
|
|
invitedCommunity.joined)
|
|
PropertyChanges {
|
|
target: joinBtn
|
|
text: qsTr("View")
|
|
}
|
|
},
|
|
State {
|
|
name: "requestToJoin"
|
|
when: invitedCommunity.access === Constants.communityChatOnRequestAccess &&
|
|
!invitedCommunity.joined && !invitedCommunity.isMember &&
|
|
invitedCommunity.canRequestAccess
|
|
PropertyChanges {
|
|
target: joinBtn
|
|
text: qsTr("Request Access")
|
|
|
|
}
|
|
},
|
|
State {
|
|
name: "unjoined"
|
|
when: (invitedCommunity.access === Constants.communityChatOnRequestAccess &&
|
|
invitedCommunity.isMember) ||
|
|
(invitedCommunity.access === Constants.communityChatPublicAccess &&
|
|
!invitedCommunity.joined)
|
|
PropertyChanges {
|
|
target: joinBtn
|
|
text: qsTr("Join")
|
|
}
|
|
}
|
|
]
|
|
|
|
// Not Refactored Yet
|
|
// Connections {
|
|
// target: root.store.chatsModelInst.communities
|
|
// onMembershipRequestChanged: function(communityId, communityName, requestAccepted) {
|
|
// if (communityId === root.communityId) {
|
|
// rectangleBubble.isPendingRequest = false
|
|
// }
|
|
// }
|
|
// }
|
|
|
|
ColumnLayout {
|
|
id: column
|
|
width: parent.width
|
|
spacing: Style.current.halfPadding
|
|
|
|
// TODO add check if verified
|
|
StatusBaseText {
|
|
id: title
|
|
color: invitedCommunity.verifed ? Theme.palette.primaryColor1 : Theme.palette.baseColor1
|
|
text: invitedCommunity.verifed ?
|
|
qsTr("Verified community invitation") :
|
|
qsTr("Community invitation")
|
|
font.weight: Font.Medium
|
|
Layout.topMargin: Style.current.halfPadding
|
|
Layout.leftMargin: root.innerMargin
|
|
font.pixelSize: 13
|
|
}
|
|
StatusBaseText {
|
|
id: invitedYou
|
|
visible: text != ""
|
|
text: {
|
|
// Not Refactored Yet
|
|
return ""
|
|
// if (root.store.chatsModelInst.channelView.activeChannel.chatType === Constants.chatType.oneToOne) {
|
|
// return isCurrentUser ?
|
|
// qsTr("You invited %1 to join a community").arg(root.store.chatsModelInst.userNameOrAlias(root.store.chatsModelInst.channelView.activeChannel.id))
|
|
// : qsTr("%1 invited you to join a community").arg(displayUserName)
|
|
// } else {
|
|
// return isCurrentUser ?
|
|
// qsTr("You shared a community")
|
|
// : qsTr("A community has been shared")
|
|
// }
|
|
}
|
|
Layout.leftMargin: root.innerMargin
|
|
Layout.rightMargin: root.innerMargin
|
|
Layout.fillWidth: true
|
|
wrapMode: Text.WordWrap
|
|
font.pixelSize: 15
|
|
color: Theme.palette.directColor1
|
|
}
|
|
|
|
Separator {
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
// TODO add image when it's supported
|
|
StatusBaseText {
|
|
id: communityName
|
|
text: invitedCommunity.name
|
|
Layout.topMargin: 2
|
|
Layout.leftMargin: root.innerMargin
|
|
Layout.fillWidth: true
|
|
Layout.rightMargin: root.innerMargin
|
|
font.weight: Font.Bold
|
|
wrapMode: Text.WrapAtWordBoundaryOrAnywhere
|
|
font.pixelSize: 17
|
|
color: Theme.palette.directColor1
|
|
}
|
|
|
|
StatusBaseText {
|
|
id: communityDesc
|
|
text: invitedCommunity.description
|
|
Layout.leftMargin: root.innerMargin
|
|
Layout.rightMargin: root.innerMargin
|
|
Layout.fillWidth: true
|
|
wrapMode: Text.WrapAtWordBoundaryOrAnywhere
|
|
font.pixelSize: 15
|
|
color: Theme.palette.directColor1
|
|
}
|
|
|
|
StatusBaseText {
|
|
id: communityNbMembers
|
|
// TODO add the plural support
|
|
text: qsTr("%1 members").arg(invitedCommunity.nbMembers)
|
|
Layout.leftMargin: root.innerMargin
|
|
font.pixelSize: 13
|
|
font.weight: Font.Medium
|
|
color: Theme.palette.baseColor1
|
|
}
|
|
|
|
Separator {
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
Item {
|
|
id: btnItemId
|
|
Layout.topMargin: -column.spacing
|
|
Layout.fillWidth: true
|
|
height: 44
|
|
clip: true
|
|
StatusFlatButton {
|
|
id: joinBtn
|
|
anchors.fill: parent
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
radius: 16
|
|
enabled: true
|
|
text: qsTr("Unsupported state")
|
|
onClicked: {
|
|
let error
|
|
|
|
if (rectangleBubble.state === "joined") {
|
|
root.store.setActiveCommunity(communityId);
|
|
return
|
|
}
|
|
if (rectangleBubble.state === "unjoined") {
|
|
Global.openPopup(communityIntroDialog, { joinMethod: () => {
|
|
let error = root.store.joinCommunity(communityId, userProfile.name)
|
|
if (error) joiningError.showError(error)
|
|
} });
|
|
}
|
|
else if (rectangleBubble.state === "requestToJoin") {
|
|
Global.openPopup(communityIntroDialog, { joinMethod: () => {
|
|
let error = root.store.requestToJoinCommunity(communityId, userProfile.name)
|
|
if (error) joiningError.showError(error)
|
|
else rectangleBubble.isPendingRequest = root.store.isCommunityRequestPending(communityId)
|
|
} });
|
|
}
|
|
|
|
if (error) joiningError.showError(error)
|
|
}
|
|
|
|
MessageDialog {
|
|
id: joiningError
|
|
|
|
function showError(error) {
|
|
joiningError.text = error
|
|
joiningError.open()
|
|
}
|
|
|
|
title: qsTr("Error joining the community")
|
|
icon: StandardIcon.Critical
|
|
standardButtons: StandardButton.Ok
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|