fix(Shared Addresses): Requirements check pending indicator

- update shared addresses dialog to avoid small jumps when
selecting/unselecting accounts due to requirements check text displayed
- display the pending text and spinner next to the Permissions header

Fixes #14103
This commit is contained in:
Lukáš Tinkl 2024-03-25 19:39:45 +01:00 committed by Jonathan Rainville
parent e728084e4c
commit 76a76dcf4d
3 changed files with 43 additions and 40 deletions

View File

@ -46,6 +46,7 @@ SplitView {
modal: false
closePolicy: Popup.NoAutoClose
isEditMode: ctrlIsEditMode.checked
communityName: "Status"
communityIcon: ModelsData.icons.status
introMessage: "%1 sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
@ -56,8 +57,10 @@ SplitView {
4. Dolore eu fugiat nulla pariatur
5. 🚗 consectetur adipiscing elit
Nemo enim 😋 ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.".arg(dialog.name)
requirementsCheckPending: false
Nemo enim 😋 ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.".arg(dialog.communityName)
isInvitationPending: ctrlIsInvitationPending.checked
requirementsCheckPending: ctrlRequirementsCheckPending.checked
walletAccountsModel: WalletAccountsModel {}
walletAssetsModel: root.walletAssetStore.groupedAccountAssetsModel
@ -71,7 +74,7 @@ Nemo enim 😋 ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit,
onPrepareForSigning: logs.logEvent("CommunityMembershipSetupDialog::onPrepareForSigning", ["airdropAddress", "sharedAddresses"], arguments)
onJoinCommunity: logs.logEvent("CommunityMembershipSetupDialog::onJoinCommunity")
onEditRevealedAddresses: logs.logEvent("CommunityMembershipSetupDialog::editRevealedAddresses")
onSignProfileKeypairAndAllNonKeycardKeypairs: logs.logEvent("CommunityMembershipSetupDialog::editRevealedAddresses")
onSignProfileKeypairAndAllNonKeycardKeypairs: logs.logEvent("CommunityMembershipSetupDialog::onSignProfileKeypairAndAllNonKeycardKeypairs")
onSignSharedAddressesForKeypair: logs.logEvent("CommunityMembershipSetupDialog::onSignSharedAddressesForKeypair", ["keyUid"], arguments)
onSharedAddressesUpdated: logs.logEvent("CommunityMembershipSetupDialog::onSharedAddressesUpdated", ["sharedAddresses"], arguments)
getCurrencyAmount: function (balance, symbol) {
@ -110,8 +113,8 @@ Nemo enim 😋 ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit,
TextField {
Layout.fillWidth: true
text: dialog.name
onTextChanged: dialog.name = text
text: dialog.communityName
onTextChanged: dialog.communityName = text
}
Label {
@ -130,36 +133,36 @@ Nemo enim 😋 ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit,
Label {
Layout.fillWidth: true
text: "Icon:"
font.weight: Font.Bold
}
RadioButton {
checked: true
text: "Status"
onCheckedChanged: if(checked) dialog.imageSrc = ModelsData.icons.status
onCheckedChanged: if(checked) dialog.communityIcon = ModelsData.icons.status
}
RadioButton {
text: "Crypto Punks"
onCheckedChanged: if(checked) dialog.imageSrc = ModelsData.icons.cryptPunks
onCheckedChanged: if(checked) dialog.communityIcon = ModelsData.icons.cryptPunks
}
RadioButton {
text: "Rarible"
onCheckedChanged: if(checked) dialog.imageSrc = ModelsData.icons.rarible
onCheckedChanged: if(checked) dialog.communityIcon = ModelsData.icons.rarible
}
RadioButton {
text: "None"
onCheckedChanged: if(checked) dialog.imageSrc = ""
onCheckedChanged: if(checked) dialog.communityIcon = ""
}
}
ColumnLayout {
Label {
Layout.fillWidth: true
text: "Is invitation pending:"
}
CheckBox {
id: ctrlIsInvitationPending
text: "Is invitation pending"
}
CheckBox {
checked: dialog.isInvitationPending
onCheckedChanged: dialog.isInvitationPending = checked
}
CheckBox {
id: ctrlIsEditMode
visible: !dialog.isInvitationPending
text: "Is edit mode"
}
ColumnLayout {
@ -180,18 +183,10 @@ Nemo enim 😋 ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit,
}
}
ColumnLayout {
visible: dialog.accessType == Constants.communityChatOnRequestAccess && !dialog.isInvitationPending
Label {
Layout.fillWidth: true
text: "Login type"
}
ComboBox {
id: ctrlLoginType
Layout.fillWidth: true
model: ["Password","Biometrics","Keycard"]
}
CheckBox {
id: ctrlRequirementsCheckPending
visible: !dialog.isInvitationPending && dialog.accessType == Constants.communityChatOnRequestAccess
text: "Requirements check pending"
}
Item {

View File

@ -207,16 +207,6 @@ Control {
}
}
RequirementsCheckPendingLoader {
visible: root.requirementsCheckPending
Layout.alignment: Qt.AlignHCenter
}
Item {
Layout.fillWidth: true
Layout.preferredHeight: Style.current.padding
}
// divider with top rounded corners + drop shadow
Rectangle {
Layout.fillWidth: true
@ -244,6 +234,7 @@ Control {
permissionsModel: root.permissionsModel
assetsModel: root.assetsModel
collectiblesModel: root.collectiblesModel
requirementsCheckPending: root.requirementsCheckPending
communityName: root.communityName
communityIcon: root.communityIcon

View File

@ -27,6 +27,8 @@ Rectangle {
property var assetsModel
property var collectiblesModel
property bool requirementsCheckPending
readonly property bool lostPermissionToJoin: d.lostPermissionToJoin
readonly property bool lostChannelPermissions: d.lostChannelPermissions
@ -143,6 +145,21 @@ Rectangle {
font.weight: Font.Medium
text: qsTr("Permissions")
}
Item { Layout.fillWidth: true }
RowLayout {
Layout.rightMargin: Style.current.halfPadding
spacing: 4
visible: root.requirementsCheckPending
StatusBaseText {
text: qsTr("Updating eligibility")
font.pixelSize: Style.current.tertiaryTextFontSize
color: Theme.palette.baseColor1
}
StatusLoadingIndicator {
Layout.preferredWidth: 12
Layout.preferredHeight: 12
}
}
}
// permission types