page: welcomepage: display the users avatar when logging in

imports/NeoChat/Component/Login/Login.qml

@@ -18,16 +18,19 @@ LoginStep {
     showBackButton: false
 
     title: i18nc("@title", "Login")
-    message: i18n("Enter your Matrix ID")
+    message: i18n("Welcome to NeoChat!")
 
     Component.onCompleted: {
         LoginHelper.matrixId = ""
     }
 
+    QQC2.Label {
+        text: "To get started, enter your matrix ID:"
+    }
+
     Kirigami.FormLayout {
         QQC2.TextField {
             id: matrixIdField
-            Kirigami.FormData.label: i18n("Matrix ID:")
             placeholderText: "@user:matrix.org"
             onTextChanged: {
                 if(acceptableInput) {

imports/NeoChat/Page/WelcomePage.qml

@@ -44,11 +44,40 @@ Kirigami.ScrollablePage {
         }
     }
 
+    property var showAvatar: LoginHelper.loginAvatar != ""
+
     ColumnLayout {
-        Kirigami.Icon {
-            source: "org.kde.neochat"
-            Layout.fillWidth: true
-            Layout.preferredHeight: Kirigami.Units.gridUnit * 16
+        Item {
+            Layout.preferredHeight: Kirigami.Units.gridUnit * 10
+            Layout.preferredWidth: Kirigami.Units.gridUnit * 8
+            Layout.alignment: Qt.AlignHCenter
+
+            ColumnLayout {
+                anchors.fill: parent
+
+                Kirigami.Icon {
+                    source: "org.kde.neochat"
+                    visible: !welcomePage.showAvatar
+                    Layout.fillHeight: true
+                    Layout.alignment: Qt.AlignHCenter
+                    implicitWidth: height
+                }
+
+                Kirigami.Avatar {
+                    visible: welcomePage.showAvatar
+                    source: LoginHelper.loginAvatar
+                    name: LoginHelper.loginName
+                    Layout.fillHeight: true
+                    implicitWidth: height
+                    Layout.alignment: Qt.AlignHCenter
+               }
+
+                Controls.Label {
+                    text: LoginHelper.loginName
+                    font.pointSize: 24
+                    Layout.alignment: Qt.AlignHCenter
+                }
+            }
         }
         Controls.Label {
             Layout.fillWidth: true