diff --git a/ui/StatusQ/src/assets/img/icons/nft-profile.svg b/ui/StatusQ/src/assets/img/icons/nft-profile.svg new file mode 100644 index 0000000000..c27dc80f30 --- /dev/null +++ b/ui/StatusQ/src/assets/img/icons/nft-profile.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/ui/app/AppLayouts/Profile/views/profile/MyProfileSettingsView.qml b/ui/app/AppLayouts/Profile/views/profile/MyProfileSettingsView.qml index 20bfaf0c6d..1006c4d6b8 100644 --- a/ui/app/AppLayouts/Profile/views/profile/MyProfileSettingsView.qml +++ b/ui/app/AppLayouts/Profile/views/profile/MyProfileSettingsView.qml @@ -92,6 +92,8 @@ ColumnLayout { Layout.fillWidth: true Layout.leftMargin: Style.current.padding Layout.rightMargin: Style.current.padding + Layout.topMargin: 20 + Layout.bottomMargin: 20 store: root.profileStore diff --git a/ui/imports/shared/controls/chat/ProfileHeader.qml b/ui/imports/shared/controls/chat/ProfileHeader.qml index d130895ab7..fb199cfab1 100644 --- a/ui/imports/shared/controls/chat/ProfileHeader.qml +++ b/ui/imports/shared/controls/chat/ProfileHeader.qml @@ -113,7 +113,7 @@ Item { pubkey: root.pubkey image: root.previewIcon interactive: false - imageWidth: d.getSize(36, 64, 160) + imageWidth: d.getSize(36, 64, 170) imageHeight: imageWidth ensVerified: root.userIsEnsVerified } @@ -121,7 +121,7 @@ Item { StatusRoundButton { id: editButton visible: root.editImageButtonVisible - anchors.bottom: userImage.bottom + anchors.top: userImage.top anchors.right: userImage.right anchors.rightMargin: Math.round(userImage.width / 10) @@ -130,8 +130,8 @@ Item { type: StatusRoundButton.Type.Secondary icon.name: "edit_pencil" - icon.width: d.getSize(8, 12, 20) - icon.height: d.getSize(8, 12, 20) + icon.width: d.getSize(8, 12, 24) + icon.height: d.getSize(8, 12, 24) onClicked: { if (!!root.store.profileLargeImage) @@ -249,14 +249,23 @@ Item { StatusMenu { id: imageEditMenu + width: 200 StatusAction { - text: qsTr("Upload a file") - assetSettings.name: "download" - assetSettings.rotation: 180 + text: qsTr("Select different image") + assetSettings.name: "image" onTriggered: Global.openChangeProfilePicPopup(editButton.tempIcon) } + StatusAction { + text: qsTr("Use an NFT") + assetSettings.name: "nft-profile" + onTriggered: Global.openChangeProfilePicPopup(editButton.tempIcon) + enabled: false // TODO enable this with the profile showcase + } + + StatusMenuSeparator {} + StatusAction { text: qsTr("Remove image") type: StatusAction.Danger