mirror of
https://github.com/status-im/status-desktop.git
synced 2025-01-15 09:04:45 +00:00
dcb0f4dce9
The popup to invite friends to communities has so far always been a brand new popup that's opened on top of possible existing popups. The design however, expects that the same section should be shown as part of a wizard-like process inside of the existing community profile overview popup, when entered from there. This commit extracts the invite friends popup section into component that can be reused as stack view, as well as modal content, to implement both scenarios.
58 lines
1.7 KiB
QML
58 lines
1.7 KiB
QML
import QtQuick 2.12
|
|
import QtQuick.Controls 2.12
|
|
import QtQuick.Dialogs 1.3
|
|
import QtQuick.Layouts 1.13
|
|
import QtGraphicalEffects 1.13
|
|
import "../../../../imports"
|
|
import "../../../../shared"
|
|
import "../../../../shared/status"
|
|
|
|
Item {
|
|
id: root
|
|
|
|
property string headerTitle: ""
|
|
property string headerDescription: ""
|
|
property string headerImageSource: ""
|
|
|
|
property alias contactListSearch: contactFieldAndList
|
|
|
|
height: 400
|
|
|
|
function sendInvites(pubKeys) {
|
|
const error = chatsModel.communities.inviteUsersToCommunityById(popup.communityId, JSON.stringify(pubKeys))
|
|
if (error) {
|
|
console.error('Error inviting', error)
|
|
contactFieldAndList.validationError = error
|
|
return
|
|
}
|
|
contactFieldAndList.successMessage = qsTr("Invite successfully sent")
|
|
}
|
|
|
|
TextWithLabel {
|
|
id: shareCommunity
|
|
anchors.top: parent.top
|
|
anchors.topMargin: 0
|
|
//% "Share community"
|
|
label: qsTrId("share-community")
|
|
text: `${Constants.communityLinkPrefix}${communityId.substring(0, 4)}...${communityId.substring(communityId.length -2)}`
|
|
textToCopy: Constants.communityLinkPrefix + communityId
|
|
}
|
|
|
|
Separator {
|
|
id: sep
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.top: shareCommunity.bottom
|
|
anchors.topMargin: Style.current.smallPadding
|
|
anchors.leftMargin: -Style.current.padding
|
|
anchors.rightMargin: -Style.current.padding
|
|
}
|
|
|
|
ContactsListAndSearch {
|
|
id: contactFieldAndList
|
|
anchors.top: sep.bottom
|
|
anchors.topMargin: Style.current.smallPadding
|
|
showCheckbox: true
|
|
}
|
|
}
|