feat(desktop): show the module glyph in every page title

Page.qml gains an icon rendered before the title, and the drawer binds
it to the loaded module's icon so a module whose glyph changes (network
follows the active link) keeps the header in step.

1 files changed, 17 insertions, 4 deletions

diff --git a/desktop/Page.qml b/desktop/Page.qml
index 1bf312c..4ef50c1 100644
--- a/desktop/Page.qml
+++ b/desktop/Page.qml
@@ -16,6 +16,8 @@ Item {
     id: page
 
     property string title: ""
+    // The module's tile glyph, set by the drawer, shown before the title.
+    property string icon: ""
     default property alias content: holder.data
     signal back
 
@@ -46,11 +48,22 @@ Item {
             }
         }
 
-        Text {
+        Row {
             anchors { left: backBtn.right; leftMargin: 10; verticalCenter: parent.verticalCenter }
-            text: page.title
-            font { family: Theme.fontFamily; pixelSize: Theme.fontSize + 2; bold: true }
-            color: Theme.text
+            spacing: 8
+
+            Text {
+                visible: page.icon !== ""
+                text: page.icon
+                font { family: Theme.iconFamily; pixelSize: Theme.fontSize + 2 }
+                color: Theme.text
+            }
+
+            Text {
+                text: page.title
+                font { family: Theme.fontFamily; pixelSize: Theme.fontSize + 2; bold: true }
+                color: Theme.text
+            }
         }
     }