feat(StatusChatListItem): add online badge

status-im · Sep 12, 2022 · b1025fa · b1025fa
1 parent efc5be3
commit b1025fa
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 0 deletions.
diff --git a/src/StatusQ/Components/StatusChatList.qml b/src/StatusQ/Components/StatusChatList.qml
@@ -123,6 +123,7 @@ Column {
                     asset.isImage: model.icon.includes("data")
                     asset.name: model.icon
                     ringSettings.ringSpecModel: model.colorHash
+                    onlineStatus: model.onlineStatus
 
                     sensor.cursorShape: dragSensor.cursorShape
 

diff --git a/src/StatusQ/Components/StatusChatListItem.qml b/src/StatusQ/Components/StatusChatListItem.qml
@@ -21,6 +21,7 @@ Rectangle {
     property bool hasUnreadMessages: false
     property int notificationsCount: 0
     property bool muted: false
+    property int onlineStatus: StatusChatListItem.OnlineStatus.Inactive
 
     property StatusAssetSettings asset: StatusAssetSettings {
         width: 24
@@ -50,6 +51,11 @@ Rectangle {
         CommunityChat // 6
     }
 
+    enum OnlineStatus {
+        Inactive,
+        Online
+    }
+
     implicitWidth: 288
     implicitHeight: 40
 
@@ -84,6 +90,15 @@ Rectangle {
             anchors.verticalCenter: parent.verticalCenter
             asset: root.asset
             name: root.name
+
+            badge {
+                visible: type === StatusChatListItem.Type.OneToOneChat
+                color: onlineStatus === StatusChatListItem.OnlineStatus.Online ? Theme.palette.successColor1 : Theme.palette.baseColor1
+                border.width: 1
+                border.color: root.color
+                implicitHeight: 9
+                implicitWidth: 9
+            }
         }
 
         StatusIcon {

diff --git a/src/StatusQ/Components/StatusSmartIdenticon.qml b/src/StatusQ/Components/StatusSmartIdenticon.qml
@@ -99,6 +99,8 @@ Loader {
         visible: false
         anchors.bottom: root.bottom
         anchors.right: root.right
+        anchors.rightMargin: -border.width
+        anchors.bottomMargin: -border.width
         border.width: 3
         implicitHeight: 15
         implicitWidth: 15