mirror of
https://github.com/status-im/status-desktop.git
synced 2025-01-10 06:16:32 +00:00
c55c93ed59
Also ensure both buttons, add existing and add new user are navigating to the correct screens as per latest design discussions.
73 lines
1.7 KiB
QML
73 lines
1.7 KiB
QML
import QtQuick 2.13
|
|
import QtQuick.Controls 2.13
|
|
import QtQuick.Dialogs 1.3
|
|
|
|
import StatusQ.Core 0.1
|
|
import StatusQ.Core.Theme 0.1
|
|
import StatusQ.Components 0.1
|
|
import StatusQ.Popups 0.1
|
|
|
|
import shared.controls.chat 1.0
|
|
import utils 1.0
|
|
|
|
MenuItem {
|
|
id: root
|
|
|
|
property string label: ""
|
|
property string colorId: ""
|
|
property var colorHash
|
|
property url image: ""
|
|
property StatusIconSettings iconSettings: StatusIconSettings {
|
|
name: "add"
|
|
}
|
|
signal clicked()
|
|
|
|
width: parent.width
|
|
height: 64
|
|
background: Rectangle {
|
|
color: root.hovered ? Theme.palette.statusSelect.menuItemHoverBackgroundColor : Theme.palette.statusSelect.menuItemBackgroundColor
|
|
}
|
|
MouseArea {
|
|
cursorShape: Qt.PointingHandCursor
|
|
anchors.fill: root
|
|
onClicked: {
|
|
root.clicked()
|
|
}
|
|
}
|
|
|
|
Loader {
|
|
id: userImageOrIcon
|
|
sourceComponent: !!root.image.toString() || !!root.colorId ? userImage : addIcon
|
|
anchors.leftMargin: Style.current.padding
|
|
anchors.left: parent.left
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
Component {
|
|
id: addIcon
|
|
StatusRoundIcon {
|
|
icon.name: root.iconSettings.name
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: userImage
|
|
UserImage {
|
|
name: root.label
|
|
image: root.image
|
|
colorId: root.colorId
|
|
colorHash: root.colorHash
|
|
}
|
|
}
|
|
|
|
StatusBaseText {
|
|
text: root.label
|
|
font.pixelSize: 15
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.left: userImageOrIcon.right
|
|
anchors.leftMargin: 16
|
|
color: !!root.colorId ? Theme.palette.directColor1 : Theme.palette.primaryColor1
|
|
}
|
|
}
|
|
|