From 554400e9d224258c6981fa3b9e81b30b1a4f923b Mon Sep 17 00:00:00 2001
From: Pascal Precht <pascal.precht@gmail.com>
Date: Wed, 5 May 2021 12:16:49 +0200
Subject: [PATCH] feat(Components): introduce StatusLetterIdenticon

This introduces the `StatusLetterIdenticon` component to StatusQ.

Usage:

```
import StatusQ.Components 0.1

StatusLetterIdenticon {
    name: "#status"
}
```

Closes #28
---
 ui/StatusQ/sandbox/Others.qml                 |  4 +++
 .../Components/StatusLetterIdenticon.qml      | 26 +++++++++++++++++++
 ui/StatusQ/src/StatusQ/Components/qmldir      |  1 +
 3 files changed, 31 insertions(+)
 create mode 100644 ui/StatusQ/src/StatusQ/Components/StatusLetterIdenticon.qml

diff --git a/ui/StatusQ/sandbox/Others.qml b/ui/StatusQ/sandbox/Others.qml
index 5d013301dc..966c1412cb 100644
--- a/ui/StatusQ/sandbox/Others.qml
+++ b/ui/StatusQ/sandbox/Others.qml
@@ -13,4 +13,8 @@ GridLayout {
     StatusLoadingIndicator {
         color: parent.theme.directColor4
     }
+
+    StatusLetterIdenticon {
+        name: "#status"
+    }
 }
diff --git a/ui/StatusQ/src/StatusQ/Components/StatusLetterIdenticon.qml b/ui/StatusQ/src/StatusQ/Components/StatusLetterIdenticon.qml
new file mode 100644
index 0000000000..87c62f4875
--- /dev/null
+++ b/ui/StatusQ/src/StatusQ/Components/StatusLetterIdenticon.qml
@@ -0,0 +1,26 @@
+import QtQuick 2.13
+import StatusQ.Core 0.1
+import StatusQ.Core.Theme 0.1
+
+Rectangle {
+    id: statusLetterIdenticon
+
+    property string name
+    property int letterSize: 21
+
+    color: Theme.palette.miscColor5
+    width: 40
+    height: 40
+    radius: width / 2
+
+    StatusBaseText {
+        text: (statusLetterIdenticon.name.charAt(0) == "#" ? statusLetterIdenticon.name.charAt(1) : statusLetterIdenticon.name.charAt(0)).toUpperCase()
+        font.weight: Font.Bold
+        font.pixelSize: statusLetterIdenticon.letterSize
+        color: Qt.rgba(255, 255, 255, 0.7)
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.verticalCenter: parent.verticalCenter
+    }
+}
+
+
diff --git a/ui/StatusQ/src/StatusQ/Components/qmldir b/ui/StatusQ/src/StatusQ/Components/qmldir
index 351e93d249..92d661f84a 100644
--- a/ui/StatusQ/src/StatusQ/Components/qmldir
+++ b/ui/StatusQ/src/StatusQ/Components/qmldir
@@ -1,3 +1,4 @@
 module StatusQ.Components
 
+StatusLetterIdenticon 0.1 StatusLetterIdenticon.qml
 StatusLoadingIndicator 0.1 StatusLoadingIndicator.qml