EditAccount header: match Display name field

src/qml/Pages/EditAccount/EditAccount.qml

@@ -17,11 +17,12 @@ HPage {
     readonly property var userInfo: users.find(userId)
     readonly property bool ready: userInfo && ! userInfo.loading
 
+    property string headerName: userInfo ? userInfo.displayName : ""
+
     hideHeaderUnderHeight: avatarPreferredSize
-    headerLabel.text:
+    headerLabel.text: qsTr("Account settings for %1").arg(
-        qsTr("Account settings for %1").arg(
+        Utils.coloredNameHtml(headerName, userId)
-            Utils.coloredNameHtml(userInfo ? userInfo.displayName : "", userId)
+    )
-        )
 
     HRectangle {
         color: ready ? theme.controls.box.background : "transparent"

src/qml/Pages/EditAccount/Profile.qml

@@ -15,6 +15,8 @@ HGridLayout {
             py.callClientCoro(
                 userId, "set_displayname", [nameField.field.text], () => {
                     saveButton.nameChangeRunning = false
+                    editAccount.headerName =
+                        Qt.binding(() => userInfo.displayName)
                 }
             )
         }
@@ -42,6 +44,8 @@ HGridLayout {
         aliasField.field.text   = aliasField.currentAlias
         fileDialog.selectedFile = ""
         fileDialog.file         = ""
+
+        editAccount.headerName = Qt.binding(() => userInfo.displayName)
     }
 
     columns: 2
@@ -127,6 +131,9 @@ HGridLayout {
             HLabeledTextField {
                 property bool changed: field.text != userInfo.displayName
 
+                property string fText: field.text
+                onFTextChanged: editAccount.headerName = field.text
+
                 id: nameField
                 label.text: qsTr("Display name:")
                 field.text: userInfo.displayName