status-desktop/ui/app/AppLayouts/Profile/Sections/Contacts/Contact.qml

import QtQuick 2.13
import QtQuick.Controls 2.13
import QtQuick.Layouts 1.13
import "../../../../../imports"
import "../../../../../shared"

Rectangle {
    property string name: "Jotaro Kujo"
    property string address: "0x04d8c07dd137bd1b73a6f51df148b4f77ddaa11209d36e43d8344c0a7d6db1cad6085f27cfb75dd3ae21d86ceffebe4cf8a35b9ce8d26baa19dc264efe6d8f221b"
    property string identicon: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII="
    property bool selectable: false
    property var profileClick: function() {}

    height: 64
    anchors.right: parent.right
    anchors.left: parent.left
    border.width: 0
    radius: Theme.radius

    RoundImage {
        id: accountImage
        anchors.left: parent.left
        anchors.leftMargin: Theme.padding
        anchors.verticalCenter: parent.verticalCenter
        source: identicon
    }
    Text {
        id: usernameText
        text: name
        elide: Text.ElideRight
        anchors.right: parent.right
        anchors.rightMargin: Theme.padding
        font.pixelSize: 17
        anchors.top: accountImage.top
        anchors.left: accountImage.right
        anchors.leftMargin: Theme.padding
    }
    Text {
        id: addressText
        width: 108
        text: address
        elide: Text.ElideMiddle
        anchors.bottom: accountImage.bottom
        anchors.bottomMargin: 0
        anchors.left: usernameText.left
        anchors.leftMargin: 0
        font.pixelSize: 15
        color: Theme.darkGrey
    }
    RadioButton {
        visible: selectable
        anchors.top: parent.top
        anchors.topMargin: Theme.smallPadding
        anchors.right: parent.right
        ButtonGroup.group: contactGroup
    }
    MouseArea {
        enabled: !selectable
        cursorShape: Qt.PointingHandCursor
        anchors.fill: parent
        onClicked: {
            profileClick(name, address, identicon)
        }
    }
}