import QtQuick 2.9
import QtQuick.Controls 2.2
import QtQuick.Layouts 1.3

import "qrc:/qml/component"

Page {
    RowLayout {
        height: 60

        ImageStatus {
            Layout.preferredWidth: height
            Layout.fillHeight: true

            source: connection ? connection.localUser && connection.localUser.avatarUrl ? "image://mxc/" + connection.localUser.avatarUrl : "" : "qrc:/asset/img/avatar.png"
            displayText: connection && connection.localUser.displayName ? connection.localUser.displayName : "N"
            opaqueBackground: false
        }

        ColumnLayout {
            Layout.fillWidth: true
            Layout.fillHeight: true

            Label {
                font.pointSize: 18
                text: connection ? connection.localUser.displayName : ""
            }

            Label {
                font.pointSize: 12
                text: "No text."
            }
        }
    }
}