fix(Profile): Added menu to remove profile image

status-im · Aug 7, 2022 · febad28 · febad28
1 parent c6c76a1
commit febad28
Show file tree

Hide file tree

Showing 6 changed files with 27 additions and 446 deletions.
diff --git a/ui/app/AppLayouts/Profile/popups/ChangeProfilePicModal.qml b/ui/app/AppLayouts/Profile/popups/ChangeProfilePicModal.qml
diff --git a/ui/app/AppLayouts/Profile/views/profile/MyProfileSettingsView.qml b/ui/app/AppLayouts/Profile/views/profile/MyProfileSettingsView.qml
@@ -58,6 +58,8 @@ ColumnLayout {
         Layout.leftMargin: Style.current.padding
         Layout.rightMargin: Style.current.padding
 
+        store: root.profileStore
+
         displayName: profileStore.name
         pubkey: profileStore.pubkey
         icon: profileStore.profileLargeImage

diff --git a/ui/imports/shared/controls/ImageCropper.qml b/ui/imports/shared/controls/ImageCropper.qml
diff --git a/ui/imports/shared/controls/chat/ProfileHeader.qml b/ui/imports/shared/controls/chat/ProfileHeader.qml
@@ -7,6 +7,7 @@ import shared.controls 1.0
 
 import StatusQ.Controls 0.1
 import StatusQ.Components 0.1
+import StatusQ.Popups 0.1
 import StatusQ.Core.Utils 0.1 as StatusQUtils
 
 Item {
@@ -94,7 +95,12 @@ Item {
                 icon.width: d.getSize(8, 12, 20)
                 icon.height: d.getSize(8, 12, 20)
 
-                onClicked: Global.openChangeProfilePicPopup()
+                onClicked: {
+                    if (!!root.store.profileLargeImage)
+                        imageEditMenu.popup(this, mouse.x, mouse.y);
+                    else
+                        Global.openChangeProfilePicPopup();
+                }
             }
         }
 
@@ -210,4 +216,22 @@ Item {
             publicKey: root.pubkey
         }
     }
+
+    StatusPopupMenu {
+        id: imageEditMenu
+
+        StatusMenuItem {
+            text: qsTr("Upload a file")
+            icon.name: "download"
+            iconRotation: 180
+            onTriggered: Global.openChangeProfilePicPopup()
+        }
+
+        StatusMenuItem {
+            text: qsTr("Remove image")
+            type: StatusMenuItem.Danger
+            icon.name: "delete"
+            onTriggered: root.store.removeImage()
+        }
+    }
 }