GODT-22: Facelift

- GODT-1199: Add menu to status window
- GODT-22: use ColorImage instead of IconLabel
- GODT-22: remove banners from MainWindow
- GODT-1199: Fix separator width
- GODT-1199: Fix StatusWindow button position
- GODT-1198: Open main window on startup if no users
- GODT-1199: Fix avatar text color
- GODT-1198: refactor main window layout
- GODT-22: add missing components to qmldir
- GODT-22: refactor components having Layout as root item
- GODT-22: add more user controls
- GODT-1199: Add status window resize and maximum height
- GODT-22: WIP: notification arch
- GODT-22: Notifications WIP
- GODT-22: Fix notification filter, topmost notification
- GODT-1199: Add notifications to status window
- GODT-22: Add strict typization to colorScheme variable
- GODT-1198: WIP Notifications, dialogs and banners
- GODT-22: Add backend notifications (Banners & Dialogs)

D

internal/frontend/qml/AccountDelegate.qml

@@ -21,49 +21,58 @@ import QtQuick.Controls 2.12
 
 import Proton 4.0
 
-RowLayout {
+Item {
     id: root
-    property var colorScheme: parent.colorScheme
 
-    property var text: "janedoe@protonmail.com"
-    property var avatarText: "jd"
-    property var captionText: "50.5 MB / 20 GB"
+    property ColorScheme colorScheme
+    property var user
 
-    spacing: 16
+    implicitHeight: children[0].implicitHeight
+    implicitWidth: children[0].implicitWidth
 
-    Rectangle {
-        id: avatar
-        Layout.preferredHeight: account.height
-        Layout.preferredWidth: account.height
-        radius: 4
+    RowLayout {
+        anchors.fill: parent
+        spacing: 12
 
-        color: root.colorScheme.background_avatar
+        Rectangle {
+            id: avatar
 
-        ProtonLabel {
-            anchors.centerIn: avatar
-            color: root.colorScheme.text_norm
-            text: root.avatarText.toUpperCase()
-            state: "body"
-            horizontalAlignment: Qt.AlignHCenter
-            verticalAlignment: Qt.AlignVCenter
-        }
-    }
+            Layout.fillHeight: true
+            Layout.preferredWidth: height
 
-    ColumnLayout {
-        id: account
-        Layout.fillHeight: true
-        Layout.fillWidth: true
+            radius: 4
 
-        ProtonLabel {
-            text: root.text
-            color: root.colorScheme.text_norm
-            state: "body"
+            color: root.colorScheme.background_avatar
+
+            Label {
+                colorScheme: root.colorScheme
+                anchors.fill: parent
+                text: root.user.avatarText.toUpperCase()
+                type: Label.LabelType.Body
+                color: root.colorScheme.text_invert
+                horizontalAlignment: Qt.AlignHCenter
+                verticalAlignment: Qt.AlignVCenter
+            }
         }
 
-        ProtonLabel {
-            text: root.captionText
-            color: root.colorScheme.text_weak
-            state: "caption"
+        ColumnLayout {
+            id: account
+            Layout.fillHeight: true
+            Layout.fillWidth: true
+
+            spacing: 0
+
+            Label {
+                colorScheme: root.colorScheme
+                text: user.username
+                type: Label.LabelType.Body
+            }
+
+            Label {
+                colorScheme: root.colorScheme
+                text: user.captionText
+                type: Label.LabelType.Caption
+            }
         }
     }
 }