From 5c74322a5058915a64e8b0a8fae13339f054ad81 Mon Sep 17 00:00:00 2001
From: Pascal Precht <pascal.precht@gmail.com>
Date: Thu, 15 Jul 2021 14:57:05 +0200
Subject: [PATCH] feat(StatusListItem): add identicon support

Closes #261
---
 ui/StatusQ/sandbox/ListItems.qml                     | 9 ++++++++-
 ui/StatusQ/src/StatusQ/Components/StatusListItem.qml | 6 ++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/ui/StatusQ/sandbox/ListItems.qml b/ui/StatusQ/sandbox/ListItems.qml
index 66fd382c05..944509b0c2 100644
--- a/ui/StatusQ/sandbox/ListItems.qml
+++ b/ui/StatusQ/sandbox/ListItems.qml
@@ -149,13 +149,20 @@ GridLayout {
         icon.name: "info"
     }
 
-
     StatusListItem {
         title: "Title"
         subTitle: "Subtitle"
         image.source: "https://pbs.twimg.com/profile_images/1369221718338895873/T_5fny6o_400x400.jpg"
     }
 
+    StatusListItem {
+        title: "Title"
+        subTitle: "Subtitle"
+        image.source: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAlklEQVR4nOzW0QmDQBAG4SSkl7SUQlJGCrElq9F3QdjjVhh/5nv3cFhY9vUIYQiNITSG0Bh
+CExPynn1gWf9bx498P7/nzPcxEzGExhBdJGYihtAYQlO+tUZvqrPbqeudo5iJGEJjCE15a3VtodH3q2ImYgiNITTlTdG1nUZ5a92VITQxITFiJmIIjSE0htAYQrMHAAD//+wwFVpz+yqXAAAAAElFTkSuQmCC"
+        image.isIdenticon: true
+    }
+
     StatusListItem {
         title: "Title"
         subTitle: "Subtitle"
diff --git a/ui/StatusQ/src/StatusQ/Components/StatusListItem.qml b/ui/StatusQ/src/StatusQ/Components/StatusListItem.qml
index 6aef18936e..583e4446f8 100644
--- a/ui/StatusQ/src/StatusQ/Components/StatusListItem.qml
+++ b/ui/StatusQ/src/StatusQ/Components/StatusListItem.qml
@@ -60,6 +60,7 @@ Rectangle {
     property StatusImageSettings image: StatusImageSettings {
         width: 40
         height: 40
+        isIdenticon: false
     }
     property string label: ""
 
@@ -124,6 +125,11 @@ Rectangle {
                 image.source: statusListItem.image.source
                 image.height: statusListItem.image.height
                 image.width: statusListItem.image.width
+                color: statusListItem.image.isIdenticon ?
+                    Theme.palette.statusRoundedImage.backgroundColor :
+                    "transparent"
+                border.width: statusListItem.image.isIdenticon ? 1 : 0
+                border.color: Theme.palette.directColor7
             }
         }