qml: use NavigationBar2 in SettingsBlockClockDisplayMode

Author: promag

src/qml/pages/settings/SettingsBlockClockDisplayMode.qml

@@ -9,17 +9,26 @@ import "../../controls"
 import "../../components"
 
 Page {
-    property alias navLeftDetail: navbar.leftDetail
-    property alias navMiddleDetail: navbar.middleDetail
+    signal backClicked
 
+    id: root
     background: null
     implicitWidth: 450
     leftPadding: 20
     rightPadding: 20
     topPadding: 30
 
-    header: NavigationBar {
-        id: navbar
+    header: NavigationBar2 {
+        leftItem: NavButton {
+            iconSource: "image://images/caret-left"
+            text: qsTr("Back")
+            onClicked: root.backClicked()
+        }
+        centerItem: Header {
+            headerBold: true
+            headerSize: 18
+            header: qsTr("Block clock display mode")
+        }
     }
     BlockClockDisplayMode {
         width: Math.min(parent.width, 450)

src/qml/pages/settings/SettingsDisplay.qml

@@ -78,17 +78,8 @@ Item {
     Component {
         id: blockclocksize_page
         SettingsBlockClockDisplayMode {
-            navLeftDetail: NavButton {
-                iconSource: "image://images/caret-left"
-                text: qsTr("Back")
-                onClicked: {
-                    nodeSettingsView.pop()
-                }
-            }
-            navMiddleDetail: Header {
-                headerBold: true
-                headerSize: 18
-                header: qsTr("Block clock display mode")
+            onBackClicked: {
+                nodeSettingsView.pop()
             }
         }
     }