[StatusChatList]: added marks indicating unread msg and mentions

Closes #8265
status-im · Apr 7, 2023 · e35086f · e35086f
1 parent cbdc3e6
commit e35086f
Showing 1 changed file with 14 additions and 11 deletions.
diff --git a/ui/StatusQ/src/StatusQ/Components/StatusChatListItem.qml b/ui/StatusQ/src/StatusQ/Components/StatusChatListItem.qml
@@ -187,19 +187,22 @@ Rectangle {
                 visible: mutedIconSensor.containsMouse
             }
         }
-
-        StatusBadge {
-            id: statusBadge
-
-            anchors.verticalCenter: parent.verticalCenter
+        Item {
+            width: 32
+            height: parent.height
             anchors.right: parent.right
             anchors.rightMargin: 8
-
-            color: root.muted ? Theme.palette.primaryColor2 : Theme.palette.primaryColor1
-            border.width: 4
-            border.color: color
-            value: root.notificationsCount
-            visible: root.notificationsCount > 0
+            StatusBadge {
+                id: statusBadge
+                readonly property bool onlyUnread: (root.notificationsCount === 0 && root.hasUnreadMessages)
+                anchors.centerIn: parent
+                color: onlyUnread ? Theme.palette.baseColor1 :
+                                    root.muted ? Theme.palette.primaryColor2 : Theme.palette.primaryColor1
+                border.width: onlyUnread ? -2 : 4
+                border.color: color
+                value: root.notificationsCount
+                visible: (root.notificationsCount > 0 || onlyUnread)
+            }
         }
     }
 }