Small UI improvement.

qml/Setting.qml

@@ -1,10 +1,14 @@
 import QtQuick 2.9
 import QtQuick.Controls 2.2
 import QtQuick.Controls.Material 2.2
+import QtQuick.Layouts 1.3
+
+import "component"
 
 Page {
     property alias darkTheme: themeSwitch.checked
     property alias miniMode: miniModeSwitch.checked
+    property var connection
 
     header: TabBar {
         id: tabBar
@@ -12,13 +16,14 @@ Page {
         currentIndex: settingView.currentIndex
 
         TabButton {
-            text: qsTr("Account")
+            text: "Account"
+
         }
         TabButton {
-            text: qsTr("Appearance")
+            text: "Appearance"
         }
         TabButton {
-            text: qsTr("About")
+            text: "About"
         }
     }
 
@@ -30,6 +35,34 @@ Page {
 
         Item {
             id: accountPage
+
+            RowLayout {
+                height: 80
+
+                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: 24
+                        text: connection ? connection.localUser.displayName : ""
+                    }
+
+                    Label {
+                        font.pointSize: 16
+                        text: "No text."
+                    }
+                }
+            }
         }
 
         Item {