From 33082a761bb758cf422fc4f4af0bf45bb2534173 Mon Sep 17 00:00:00 2001
From: Pascal Precht <pascal.precht@gmail.com>
Date: Wed, 9 Jun 2021 10:06:35 +0200
Subject: [PATCH] fix: introduce tiny icon versions and make use of them where
 needed

Closes #128
---
 .../src/StatusQ/Components/StatusChatListItem.qml      | 10 +++++-----
 .../src/StatusQ/Controls/StatusChatInfoButton.qml      | 10 +++++-----
 ui/StatusQ/src/assets/img/icons/tiny/SNT.svg           |  3 +++
 ui/StatusQ/src/assets/img/icons/tiny/add.svg           |  3 +++
 ui/StatusQ/src/assets/img/icons/tiny/arrow-down.svg    |  3 +++
 ui/StatusQ/src/assets/img/icons/tiny/channel-white.svg |  4 ++++
 ui/StatusQ/src/assets/img/icons/tiny/channel.svg       |  3 +++
 ui/StatusQ/src/assets/img/icons/tiny/chat.svg          |  3 +++
 ui/StatusQ/src/assets/img/icons/tiny/chatbot.svg       |  7 +++++++
 ui/StatusQ/src/assets/img/icons/tiny/checkmark.svg     |  3 +++
 ui/StatusQ/src/assets/img/icons/tiny/chevron-down.svg  |  3 +++
 ui/StatusQ/src/assets/img/icons/tiny/chevron-left.svg  |  3 +++
 ui/StatusQ/src/assets/img/icons/tiny/chevron-right.svg |  3 +++
 ui/StatusQ/src/assets/img/icons/tiny/chevron-up.svg    |  3 +++
 ui/StatusQ/src/assets/img/icons/tiny/clear.svg         |  3 +++
 ui/StatusQ/src/assets/img/icons/tiny/community-1.svg   |  3 +++
 ui/StatusQ/src/assets/img/icons/tiny/community.svg     |  3 +++
 ui/StatusQ/src/assets/img/icons/tiny/contact.svg       |  4 ++++
 .../src/assets/img/icons/tiny/double-checkmark.svg     |  4 ++++
 ui/StatusQ/src/assets/img/icons/tiny/edit.svg          |  4 ++++
 ui/StatusQ/src/assets/img/icons/tiny/external.svg      |  4 ++++
 .../src/assets/img/icons/{ => tiny}/group-white.svg    |  0
 ui/StatusQ/src/assets/img/icons/tiny/group.svg         |  6 ++++++
 .../src/assets/img/icons/tiny/message/delivered.svg    |  5 +++++
 .../src/assets/img/icons/tiny/message/pending.svg      |  5 +++++
 ui/StatusQ/src/assets/img/icons/tiny/message/sent.svg  |  3 +++
 .../src/assets/img/icons/tiny/message/warning.svg      |  4 ++++
 ui/StatusQ/src/assets/img/icons/tiny/more.svg          |  5 +++++
 .../src/assets/img/icons/{ => tiny}/muted-white.svg    |  0
 ui/StatusQ/src/assets/img/icons/tiny/muted.svg         |  4 ++++
 ui/StatusQ/src/assets/img/icons/tiny/not-secure.svg    |  3 +++
 ui/StatusQ/src/assets/img/icons/tiny/pending.svg       |  5 +++++
 ui/StatusQ/src/assets/img/icons/tiny/pin.svg           |  4 ++++
 .../assets/img/icons/{ => tiny}/public-chat-white.svg  |  0
 ui/StatusQ/src/assets/img/icons/tiny/public-chat.svg   |  4 ++++
 ui/StatusQ/src/assets/img/icons/tiny/reply.svg         |  3 +++
 ui/StatusQ/src/assets/img/icons/tiny/secure.svg        |  3 +++
 ui/StatusQ/src/assets/img/icons/tiny/settings.svg      |  3 +++
 ui/StatusQ/src/assets/img/icons/tiny/time.svg          |  3 +++
 .../src/assets/img/icons/tiny/tribute-to-talk.svg      |  3 +++
 ui/StatusQ/src/assets/img/icons/tiny/warning.svg       |  3 +++
 41 files changed, 142 insertions(+), 10 deletions(-)
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/SNT.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/add.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/arrow-down.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/channel-white.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/channel.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/chat.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/chatbot.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/checkmark.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/chevron-down.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/chevron-left.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/chevron-right.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/chevron-up.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/clear.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/community-1.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/community.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/contact.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/double-checkmark.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/edit.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/external.svg
 rename ui/StatusQ/src/assets/img/icons/{ => tiny}/group-white.svg (100%)
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/group.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/message/delivered.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/message/pending.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/message/sent.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/message/warning.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/more.svg
 rename ui/StatusQ/src/assets/img/icons/{ => tiny}/muted-white.svg (100%)
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/muted.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/not-secure.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/pending.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/pin.svg
 rename ui/StatusQ/src/assets/img/icons/{ => tiny}/public-chat-white.svg (100%)
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/public-chat.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/reply.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/secure.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/settings.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/time.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/tribute-to-talk.svg
 create mode 100644 ui/StatusQ/src/assets/img/icons/tiny/warning.svg

diff --git a/ui/StatusQ/src/StatusQ/Components/StatusChatListItem.qml b/ui/StatusQ/src/StatusQ/Components/StatusChatListItem.qml
index d2c7fae5e9..47ed6a853f 100644
--- a/ui/StatusQ/src/StatusQ/Components/StatusChatListItem.qml
+++ b/ui/StatusQ/src/StatusQ/Components/StatusChatListItem.qml
@@ -114,16 +114,16 @@ Rectangle {
             icon: {
                 switch (statusChatListItem.type) {
                     case StatusChatListItem.Type.PublicCat:
-                        return Theme.palette.name == "light" ? "public-chat" : "public-chat-white"
+                        return Theme.palette.name == "light" ? "tiny/public-chat" : "tiny/public-chat-white"
                         break;
                     case StatusChatListItem.Type.GroupChat:
-                        return Theme.palette.name == "light" ? "group" : "group-white"
+                        return Theme.palette.name == "light" ? "tiny/group" : "tiny/group-white"
                         break;
                     case StatusChatListItem.Type.CommunityChat:
-                        return Theme.palette.name == "light" ? "channel" : "channel-white"
+                        return Theme.palette.name == "light" ? "tiny/channel" : "tiny/channel-white"
                         break;
                     default:
-                        return Theme.palette.name == "light" ? "public-chat" : "public-chat-white"
+                        return Theme.palette.name == "light" ? "tiny/public-chat" : "tiny/public-chat-white"
                 }
             }
         }
@@ -170,7 +170,7 @@ Rectangle {
             anchors.verticalCenter: parent.verticalCenter
             width: 14
             opacity: mutedIconSensor.containsMouse ? 1.0 : 0.2
-            icon: Theme.palette.name === "light" ? "muted" : "muted-white"
+            icon: Theme.palette.name === "light" ? "tiny/muted" : "tiny/muted-white"
             visible: statusChatListItem.muted
 
             MouseArea {
diff --git a/ui/StatusQ/src/StatusQ/Controls/StatusChatInfoButton.qml b/ui/StatusQ/src/StatusQ/Controls/StatusChatInfoButton.qml
index 6867bcd7de..d7bf329a86 100644
--- a/ui/StatusQ/src/StatusQ/Controls/StatusChatInfoButton.qml
+++ b/ui/StatusQ/src/StatusQ/Controls/StatusChatInfoButton.qml
@@ -111,16 +111,16 @@ Rectangle {
                 icon: {
                     switch (statusChatInfoButton.type) {
                         case StatusChatInfoButton.Type.PublicCat:
-                            return "public-chat"
+                            return "tiny/public-chat"
                             break;
                         case StatusChatInfoButton.Type.GroupChat:
-                            return "group"
+                            return "tiny/group"
                             break;
                         case StatusChatInfoButton.Type.CommunityChat:
-                            return "channel"
+                            return "tiny/channel"
                             break;
                         default:
-                            return "public-chat"
+                            return "tiny/public-chat"
                     }
                 }
             }
@@ -145,7 +145,7 @@ Rectangle {
                 anchors.top: chatName.top
                 anchors.topMargin: -2
                 width: 13
-                icon: "muted"
+                icon: "tiny/muted"
                 color: mutedIconSensor.containsMouse ? Theme.palette.directColor1 : Theme.palette.baseColor1
                 visible: statusChatInfoButton.muted
 
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/SNT.svg b/ui/StatusQ/src/assets/img/icons/tiny/SNT.svg
new file mode 100644
index 0000000000..34ba4135e2
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/SNT.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.3435 8.32275C8.61861 8.42215 7.53763 8.02035 5.81251 8.11999C5.38465 8.14401 4.95976 8.20602 4.54281 8.30529C4.79745 5.11505 7.05528 2.3243 10.1255 2.1469C12.0097 2.03819 13.8928 3.20147 13.995 5.08991C14.0955 6.94599 12.68 8.18796 10.3435 8.32275ZM5.71154 14.8483C3.90657 14.9502 2.10277 13.8612 2.00481 12.094C1.90848 10.3569 3.26453 9.19481 5.50286 9.06863C7.15509 8.97551 8.19082 9.35171 9.84305 9.25836C10.2527 9.2359 10.6597 9.17787 11.0594 9.08493C10.8159 12.0705 8.65297 14.6825 5.71154 14.8483Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/add.svg b/ui/StatusQ/src/assets/img/icons/tiny/add.svg
new file mode 100644
index 0000000000..251e0d6375
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/add.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.75 4C8.75 3.58579 8.41421 3.25 8 3.25C7.58579 3.25 7.25 3.58579 7.25 4V6.75C7.25 7.02614 7.02614 7.25 6.75 7.25H4C3.58579 7.25 3.25 7.58579 3.25 8C3.25 8.41421 3.58579 8.75 4 8.75H6.75C7.02614 8.75 7.25 8.97386 7.25 9.25V12C7.25 12.4142 7.58579 12.75 8 12.75C8.41421 12.75 8.75 12.4142 8.75 12V9.25C8.75 8.97386 8.97386 8.75 9.25 8.75H12C12.4142 8.75 12.75 8.41421 12.75 8C12.75 7.58579 12.4142 7.25 12 7.25H9.25C8.97386 7.25 8.75 7.02614 8.75 6.75V4Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/arrow-down.svg b/ui/StatusQ/src/assets/img/icons/tiny/arrow-down.svg
new file mode 100644
index 0000000000..dee2d6f95d
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/arrow-down.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.875 3.5C8.875 3.01675 8.48325 2.625 8 2.625C7.51675 2.625 7.125 3.01675 7.125 3.5V11.5976L5.06946 9.83567C4.70255 9.52117 4.15016 9.56366 3.83567 9.93057C3.52117 10.2975 3.56366 10.8499 3.93057 11.1644L7.42712 14.1614C7.57031 14.2855 7.75421 14.3639 7.95611 14.3739C7.98615 14.3754 8.01625 14.3754 8.04628 14.3738C8.23907 14.3638 8.41535 14.2913 8.55528 14.1763C8.56004 14.1724 8.56476 14.1684 8.56946 14.1644L12.0695 11.1644C12.4364 10.8499 12.4789 10.2975 12.1644 9.93057C11.8499 9.56366 11.2975 9.52117 10.9306 9.83567L8.875 11.5976V3.5Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/channel-white.svg b/ui/StatusQ/src/assets/img/icons/tiny/channel-white.svg
new file mode 100644
index 0000000000..86d390e443
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/channel-white.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.61568 2.47557C6.20786 2.40307 5.81849 2.6749 5.74599 3.08272L5.41792 4.9282C5.36277 5.23843 5.09305 5.46443 4.77795 5.46443H3.0807C2.66649 5.46443 2.3307 5.80022 2.3307 6.21443C2.3307 6.62864 2.66649 6.96443 3.0807 6.96443H4.2802C4.6847 6.96443 4.99096 7.32994 4.92016 7.72819L4.62381 9.39525C4.56866 9.70549 4.29894 9.93149 3.98384 9.93149H2.3491C1.93488 9.93149 1.5991 10.2673 1.5991 10.6815C1.5991 11.0957 1.93488 11.4315 2.3491 11.4315H3.48608C3.89059 11.4315 4.19685 11.797 4.12605 12.1953L3.86988 13.6363C3.79738 14.0441 4.06921 14.4335 4.47703 14.506C4.88485 14.5785 5.27423 14.3066 5.34673 13.8988L5.69002 11.9677C5.74517 11.6575 6.01489 11.4315 6.32998 11.4315L8.30498 11.4315C8.70948 11.4315 9.01575 11.797 8.94495 12.1953L8.68878 13.6363C8.61628 14.0441 8.88811 14.4335 9.29593 14.506C9.70375 14.5785 10.0931 14.3066 10.1656 13.8988L10.5089 11.9677C10.5641 11.6575 10.8338 11.4315 11.1489 11.4315H12.9166C13.3308 11.4315 13.6666 11.0957 13.6666 10.6815C13.6666 10.2673 13.3308 9.93149 12.9166 9.93149H11.6466C11.2421 9.93149 10.9359 9.56598 11.0067 9.16772L11.303 7.50066C11.3582 7.19043 11.6279 6.96443 11.943 6.96443H13.6509C14.0651 6.96443 14.4009 6.62864 14.4009 6.21443C14.4009 5.80022 14.0651 5.46443 13.6509 5.46443H12.4408C12.0362 5.46443 11.73 5.09892 11.8008 4.70066L12.0417 3.34526C12.1142 2.93744 11.8424 2.54807 11.4346 2.47557C11.0268 2.40307 10.6374 2.6749 10.5649 3.08272L10.2368 4.9282C10.1817 5.23843 9.91195 5.46443 9.59685 5.46443H7.62185C7.21735 5.46443 6.91109 5.09892 6.98189 4.70066L7.22284 3.34526C7.29533 2.93744 7.0235 2.54807 6.61568 2.47557ZM8.80274 9.93149C9.11784 9.93149 9.38756 9.70549 9.44271 9.39525L9.73906 7.7282C9.80986 7.32994 9.5036 6.96443 9.09909 6.96443L7.12409 6.96443C6.809 6.96443 6.53928 7.19043 6.48413 7.50066L6.18777 9.16772C6.11697 9.56598 6.42324 9.93149 6.82774 9.93149L8.80274 9.93149Z" fill="white"/>
+</svg>
+
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/channel.svg b/ui/StatusQ/src/assets/img/icons/tiny/channel.svg
new file mode 100644
index 0000000000..513f794e39
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/channel.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.61568 2.47557C6.20786 2.40307 5.81849 2.6749 5.74599 3.08272L5.41792 4.9282C5.36277 5.23843 5.09305 5.46443 4.77795 5.46443H3.0807C2.66649 5.46443 2.3307 5.80022 2.3307 6.21443C2.3307 6.62864 2.66649 6.96443 3.0807 6.96443H4.2802C4.6847 6.96443 4.99096 7.32994 4.92016 7.72819L4.62381 9.39525C4.56866 9.70549 4.29894 9.93149 3.98384 9.93149H2.3491C1.93488 9.93149 1.5991 10.2673 1.5991 10.6815C1.5991 11.0957 1.93488 11.4315 2.3491 11.4315H3.48608C3.89059 11.4315 4.19685 11.797 4.12605 12.1953L3.86988 13.6363C3.79738 14.0441 4.06921 14.4335 4.47703 14.506C4.88485 14.5785 5.27423 14.3066 5.34673 13.8988L5.69002 11.9677C5.74517 11.6575 6.01489 11.4315 6.32998 11.4315L8.30498 11.4315C8.70948 11.4315 9.01575 11.797 8.94495 12.1953L8.68878 13.6363C8.61628 14.0441 8.88811 14.4335 9.29593 14.506C9.70375 14.5785 10.0931 14.3066 10.1656 13.8988L10.5089 11.9677C10.5641 11.6575 10.8338 11.4315 11.1489 11.4315H12.9166C13.3308 11.4315 13.6666 11.0957 13.6666 10.6815C13.6666 10.2673 13.3308 9.93149 12.9166 9.93149H11.6466C11.2421 9.93149 10.9359 9.56598 11.0067 9.16772L11.303 7.50066C11.3582 7.19043 11.6279 6.96443 11.943 6.96443H13.6509C14.0651 6.96443 14.4009 6.62864 14.4009 6.21443C14.4009 5.80022 14.0651 5.46443 13.6509 5.46443H12.4408C12.0362 5.46443 11.73 5.09892 11.8008 4.70066L12.0417 3.34526C12.1142 2.93744 11.8424 2.54807 11.4346 2.47557C11.0268 2.40307 10.6374 2.6749 10.5649 3.08272L10.2368 4.9282C10.1817 5.23843 9.91195 5.46443 9.59685 5.46443H7.62185C7.21735 5.46443 6.91109 5.09892 6.98189 4.70066L7.22284 3.34526C7.29533 2.93744 7.0235 2.54807 6.61568 2.47557ZM8.80274 9.93149C9.11784 9.93149 9.38756 9.70549 9.44271 9.39525L9.73906 7.7282C9.80986 7.32994 9.5036 6.96443 9.09909 6.96443L7.12409 6.96443C6.809 6.96443 6.53928 7.19043 6.48413 7.50066L6.18777 9.16772C6.11697 9.56598 6.42324 9.93149 6.82774 9.93149L8.80274 9.93149Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/chat.svg b/ui/StatusQ/src/assets/img/icons/tiny/chat.svg
new file mode 100644
index 0000000000..6f1579bc10
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/chat.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.70001 7.99995C1.70001 4.52056 4.52062 1.69995 8.00001 1.69995C11.4794 1.69995 14.3 4.52056 14.3 7.99995V12C14.3 13.2702 13.2703 14.3 12 14.3H8.00001C4.52062 14.3 1.70001 11.4793 1.70001 7.99995ZM8.00001 3.19995C5.34905 3.19995 3.20001 5.34898 3.20001 7.99995C3.20001 10.6509 5.34905 12.8 8.00001 12.8H12C12.4418 12.8 12.8 12.4418 12.8 12V7.99995C12.8 5.34898 10.651 3.19995 8.00001 3.19995Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/chatbot.svg b/ui/StatusQ/src/assets/img/icons/tiny/chatbot.svg
new file mode 100644
index 0000000000..5188e51fa9
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/chatbot.svg
@@ -0,0 +1,7 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 14C11.0376 14 13.5 11.5376 13.5 8.5C13.5 5.46243 11.0376 3 8 3C4.96243 3 2.5 5.46243 2.5 8.5C2.5 11.5376 4.96243 14 8 14ZM6.44589 6.73914C5.47022 6.88924 4.75 7.72874 4.75 8.71588V10.2842C4.75 11.2713 5.47022 12.1108 6.44589 12.2609L6.78354 12.3129C7.58977 12.4369 8.41023 12.4369 9.21646 12.3129L9.55411 12.2609C10.5298 12.1108 11.25 11.2713 11.25 10.2842V8.71588C11.25 7.72874 10.5298 6.88924 9.55411 6.73914L9.21646 6.68719C8.41023 6.56315 7.58977 6.56315 6.78354 6.68719L6.44589 6.73914Z" fill="black"/>
+<circle cx="6.5" cy="8.5" r="0.75" fill="black"/>
+<circle cx="9.5" cy="8.5" r="0.75" fill="black"/>
+<path d="M8 11.25C8.51765 11.25 8.9618 10.9353 9.15164 10.4869C9.25928 10.2326 9.02614 10 8.75 10H7.25C6.97386 10 6.74072 10.2326 6.84836 10.4869C7.0382 10.9353 7.48235 11.25 8 11.25Z" fill="black"/>
+<path d="M7 2.5C7 1.94772 7.44772 1.5 8 1.5C8.55228 1.5 9 1.94772 9 2.5V4.5C9 5.05228 8.55228 5.5 8 5.5C7.44772 5.5 7 5.05228 7 4.5V2.5Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/checkmark.svg b/ui/StatusQ/src/assets/img/icons/tiny/checkmark.svg
new file mode 100644
index 0000000000..84d69b85ba
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/checkmark.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.76413 10.1901L12.3248 4.77888C12.7068 4.40717 13.3248 4.40591 13.7111 4.78187C14.0948 5.15523 14.0968 5.75861 13.7142 6.13093L7.45575 12.2211C7.26582 12.406 7.01753 12.4992 6.76838 12.5C6.51183 12.4981 6.26284 12.4063 6.07584 12.2244L3.28423 9.5078C2.9041 9.13789 2.90429 8.53795 3.29064 8.16199C3.67431 7.78863 4.29863 7.79084 4.67363 8.15576L6.76413 10.1901Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/chevron-down.svg b/ui/StatusQ/src/assets/img/icons/tiny/chevron-down.svg
new file mode 100644
index 0000000000..e5e8c8a498
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/chevron-down.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.46967 6.46967C4.76256 6.17678 5.23744 6.17678 5.53033 6.46967L7.64645 8.58579C7.84171 8.78105 8.15829 8.78105 8.35355 8.58579L10.4697 6.46967C10.7626 6.17678 11.2374 6.17678 11.5303 6.46967C11.8232 6.76256 11.8232 7.23744 11.5303 7.53033L8.53033 10.5303C8.23744 10.8232 7.76256 10.8232 7.46967 10.5303L4.46967 7.53033C4.17678 7.23744 4.17678 6.76256 4.46967 6.46967Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/chevron-left.svg b/ui/StatusQ/src/assets/img/icons/tiny/chevron-left.svg
new file mode 100644
index 0000000000..4457001a61
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/chevron-left.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.0303 4.96967C10.3232 5.26256 10.3232 5.73744 10.0303 6.03033L7.91421 8.14645C7.71895 8.34171 7.71895 8.65829 7.91421 8.85355L10.0303 10.9697C10.3232 11.2626 10.3232 11.7374 10.0303 12.0303C9.73744 12.3232 9.26256 12.3232 8.96967 12.0303L5.96967 9.03033C5.67678 8.73744 5.67678 8.26256 5.96967 7.96967L8.96967 4.96967C9.26256 4.67678 9.73744 4.67678 10.0303 4.96967Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/chevron-right.svg b/ui/StatusQ/src/assets/img/icons/tiny/chevron-right.svg
new file mode 100644
index 0000000000..5a60abe13f
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/chevron-right.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.96967 4.96967C5.67678 5.26256 5.67678 5.73744 5.96967 6.03033L8.08579 8.14645C8.28105 8.34171 8.28105 8.65829 8.08579 8.85355L5.96967 10.9697C5.67678 11.2626 5.67678 11.7374 5.96967 12.0303C6.26256 12.3232 6.73744 12.3232 7.03033 12.0303L10.0303 9.03033C10.3232 8.73744 10.3232 8.26256 10.0303 7.96967L7.03033 4.96967C6.73744 4.67678 6.26256 4.67678 5.96967 4.96967Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/chevron-up.svg b/ui/StatusQ/src/assets/img/icons/tiny/chevron-up.svg
new file mode 100644
index 0000000000..a683f7598f
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/chevron-up.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.46967 10.5303C4.76256 10.8232 5.23744 10.8232 5.53033 10.5303L7.64645 8.41421C7.84171 8.21895 8.15829 8.21895 8.35355 8.41421L10.4697 10.5303C10.7626 10.8232 11.2374 10.8232 11.5303 10.5303C11.8232 10.2374 11.8232 9.76256 11.5303 9.46967L8.53033 6.46967C8.23744 6.17678 7.76256 6.17678 7.46967 6.46967L4.46967 9.46967C4.17678 9.76256 4.17678 10.2374 4.46967 10.5303Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/clear.svg b/ui/StatusQ/src/assets/img/icons/tiny/clear.svg
new file mode 100644
index 0000000000..7ddbfafac4
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/clear.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 15.5C11.866 15.5 15 12.366 15 8.5C15 4.63401 11.866 1.5 8 1.5C4.13401 1.5 1 4.63401 1 8.5C1 12.366 4.13401 15.5 8 15.5ZM11 5.5C11.2441 5.74408 11.2441 6.13981 11 6.38388L8.88393 8.5L11 10.6161C11.2441 10.8602 11.2441 11.2559 11 11.5C10.756 11.7441 10.3602 11.7441 10.1162 11.5L8.00005 9.38389L5.88393 11.5C5.63985 11.7441 5.24412 11.7441 5.00005 11.5C4.75597 11.2559 4.75597 10.8602 5.00005 10.6161L7.11616 8.5L5.00005 6.38389C4.75597 6.13981 4.75597 5.74408 5.00005 5.5C5.24412 5.25593 5.63985 5.25593 5.88393 5.5L8.00005 7.61612L10.1162 5.5C10.3602 5.25592 10.756 5.25592 11 5.5Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/community-1.svg b/ui/StatusQ/src/assets/img/icons/tiny/community-1.svg
new file mode 100644
index 0000000000..b42e62dcbd
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/community-1.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 14C11.1046 14 12 13.1046 12 12C13.1046 12 14 11.1046 14 10V4C14 2.89543 13.1046 2 12 2C6.47715 2 2 6.47715 2 12C2 13.1046 2.89543 14 4 14H10ZM4 12C4 7.58172 7.58172 4 12 4V6C8.68629 6 6 8.68629 6 12H4ZM12 8C9.79086 8 8 9.79086 8 12H10C10 10.8954 10.8954 10 12 10V8Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/community.svg b/ui/StatusQ/src/assets/img/icons/tiny/community.svg
new file mode 100644
index 0000000000..52258068ef
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/community.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 14C11.1046 14 12 13.1046 12 12C13.1046 12 14 11.1046 14 10V4C14 2.89543 13.1046 2 12 2C6.47715 2 2 6.47715 2 12C2 13.1046 2.89543 14 4 14H10ZM4.5 12C4.22386 12 3.99838 11.7755 4.01538 11.4999C4.26332 7.47997 7.47997 4.26332 11.4999 4.01538C11.7755 3.99838 12 4.22386 12 4.5V5.5C12 5.77614 11.7754 5.99783 11.5002 6.02052C8.58513 6.26094 6.26094 8.58513 6.02052 11.5002C5.99783 11.7754 5.77614 12 5.5 12H4.5ZM12 8.5C12 8.22386 11.775 7.99672 11.501 8.03082C9.69083 8.25609 8.25609 9.69083 8.03082 11.501C7.99672 11.775 8.22386 12 8.5 12H9.5C9.77614 12 9.99359 11.7727 10.0617 11.5051C10.2417 10.7982 10.7982 10.2417 11.5051 10.0617C11.7727 9.99359 12 9.77614 12 9.5V8.5Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/contact.svg b/ui/StatusQ/src/assets/img/icons/tiny/contact.svg
new file mode 100644
index 0000000000..a40ac75e39
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/contact.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 8C9.24264 8 10.25 6.99264 10.25 5.75C10.25 4.50736 9.24264 3.5 8 3.5C6.75736 3.5 5.75 4.50736 5.75 5.75C5.75 6.99264 6.75736 8 8 8Z" fill="black"/>
+<path d="M4.12343 12.5101C4.56394 10.7798 6.13252 9.5 8 9.5C9.86748 9.5 11.4361 10.7798 11.8766 12.5101C12.0128 13.0453 11.5523 13.5 11 13.5H5C4.44772 13.5 3.98717 13.0453 4.12343 12.5101Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/double-checkmark.svg b/ui/StatusQ/src/assets/img/icons/tiny/double-checkmark.svg
new file mode 100644
index 0000000000..f93144bdc7
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/double-checkmark.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.76413 10.1901L8.32479 4.77888C8.70676 4.40717 9.32476 4.40591 9.71111 4.78187C10.0948 5.15523 10.0968 5.75861 9.71418 6.13093L3.45575 12.2211C3.26582 12.406 3.01753 12.4992 2.76838 12.5C2.51183 12.4981 2.26284 12.4063 2.07584 12.2244L0.284232 10.5078C-0.0959013 10.1379 -0.0957078 9.53795 0.290638 9.16199C0.674309 8.78863 1.29863 8.79084 1.67363 9.15576L2.76413 10.1901Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.76413 10.1901L14.3248 4.77888C14.7068 4.40717 15.3248 4.40591 15.7111 4.78187C16.0948 5.15523 16.0968 5.75861 15.7142 6.13093L9.45576 12.2211C9.26582 12.406 9.01753 12.4992 8.76838 12.5C8.51183 12.4981 8.26284 12.4063 8.07584 12.2244L6.28423 10.5078L7.67363 9.15576L8.76413 10.1901Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/edit.svg b/ui/StatusQ/src/assets/img/icons/tiny/edit.svg
new file mode 100644
index 0000000000..a9d7d98d5b
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/edit.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.10105 14.0959L2.79845 11.3062C2.83068 11.1773 2.87132 11.0512 2.91994 10.9285C2.98181 10.7724 3.18154 10.7423 3.30026 10.861L5.63906 13.1998C5.75778 13.3185 5.72769 13.5183 5.57161 13.5801C5.44892 13.6288 5.32275 13.6694 5.19385 13.7016L2.40421 14.399C2.22112 14.4448 2.05527 14.279 2.10105 14.0959Z" fill="black"/>
+<path d="M6.32321 11.7627C6.71374 12.1532 7.3469 12.1532 7.73743 11.7627L14.2929 5.2072C14.6834 4.81668 14.6834 4.18351 14.2929 3.79299L12.7071 2.2072C12.3166 1.81668 11.6834 1.81668 11.2929 2.2072L4.73743 8.76266C4.3469 9.15318 4.3469 9.78635 4.73743 10.1769L6.32321 11.7627Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/external.svg b/ui/StatusQ/src/assets/img/icons/tiny/external.svg
new file mode 100644
index 0000000000..9c3084ff7c
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/external.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M4.5 6.25C4.08579 6.25 3.75 6.58579 3.75 7V12C3.75 12.4142 4.08579 12.75 4.5 12.75H9.5C9.91421 12.75 10.25 12.4142 10.25 12V9.20711C10.25 9.0745 10.3027 8.94732 10.3964 8.85355L11.3232 7.92678C11.4807 7.76929 11.75 7.88083 11.75 8.10355V12C11.75 13.2426 10.7426 14.25 9.5 14.25H4.5C3.25736 14.25 2.25 13.2426 2.25 12V7C2.25 5.75736 3.25736 4.75 4.5 4.75H8.39645C8.61917 4.75 8.73071 5.01929 8.57322 5.17678L7.64645 6.10355C7.55268 6.19732 7.4255 6.25 7.29289 6.25H4.5Z" fill="black"/>
+<path d="M14.75 2.5C14.75 2.30811 14.6768 2.11621 14.5303 1.96973C14.3838 1.82324 14.1919 1.75 14 1.75H9C8.58569 1.75 8.25 2.08582 8.25 2.5C8.25 2.91418 8.58569 3.25 9 3.25H11.7066C11.8848 3.25 11.974 3.46543 11.848 3.59142L6.46973 8.96973C6.17676 9.26257 6.17676 9.73743 6.46973 10.0303C6.76245 10.3232 7.23755 10.3232 7.53027 10.0303L12.9086 4.65197C13.0346 4.52598 13.25 4.61521 13.25 4.79339V7.5C13.25 7.91418 13.5859 8.25 14 8.25C14.4141 8.25 14.75 7.91418 14.75 7.5V2.5Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/group-white.svg b/ui/StatusQ/src/assets/img/icons/tiny/group-white.svg
similarity index 100%
rename from ui/StatusQ/src/assets/img/icons/group-white.svg
rename to ui/StatusQ/src/assets/img/icons/tiny/group-white.svg
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/group.svg b/ui/StatusQ/src/assets/img/icons/tiny/group.svg
new file mode 100644
index 0000000000..6a3db6c442
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/group.svg
@@ -0,0 +1,6 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 8C9.24265 8 10.25 6.99264 10.25 5.75C10.25 4.50736 9.24265 3.5 8 3.5C6.75736 3.5 5.75 4.50736 5.75 5.75C5.75 6.99264 6.75736 8 8 8Z" fill="black"/>
+<path d="M4.12343 12.5101C4.56395 10.7798 6.13252 9.5 8 9.5C9.86749 9.5 11.4361 10.7798 11.8766 12.5101C12.0128 13.0453 11.5523 13.5 11 13.5H5C4.44772 13.5 3.98718 13.0453 4.12343 12.5101Z" fill="black"/>
+<path d="M4.5 7.75C4.5 8.7165 3.7165 9.5 2.75 9.5C1.7835 9.5 1 8.7165 1 7.75C1 6.7835 1.7835 6 2.75 6C3.7165 6 4.5 6.7835 4.5 7.75Z" fill="black"/>
+<path d="M13.25 9.5C14.2165 9.5 15 8.7165 15 7.75C15 6.7835 14.2165 6 13.25 6C12.2835 6 11.5 6.7835 11.5 7.75C11.5 8.7165 12.2835 9.5 13.25 9.5Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/message/delivered.svg b/ui/StatusQ/src/assets/img/icons/tiny/message/delivered.svg
new file mode 100644
index 0000000000..ee9024a1d8
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/message/delivered.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.7774 4.08403C14.0071 4.2372 14.0692 4.54764 13.916 4.7774L8.91603 12.2774C8.82921 12.4076 8.68639 12.4897 8.53015 12.4991C8.3739 12.5086 8.22225 12.4443 8.12038 12.3254L5.12038 8.82545C4.94067 8.61579 4.96495 8.30014 5.17461 8.12042C5.38428 7.94071 5.69993 7.96499 5.87964 8.17466L8.27828 10.9731C8.36453 11.0737 8.52303 11.0641 8.59655 10.9539L13.084 4.2227C13.2372 3.99294 13.5476 3.93085 13.7774 4.08403Z" fill="black"/>
+<path d="M8.54225 8.33804C8.35846 8.61372 7.96222 8.63765 7.74659 8.38609C7.60081 8.21601 7.58594 7.96972 7.7102 7.78334L10.084 4.2227C10.2371 3.99294 10.5476 3.93085 10.7773 4.08403C11.0071 4.2372 11.0692 4.54764 10.916 4.7774L8.54225 8.33804Z" fill="black"/>
+<path d="M2.87964 8.17461C2.69993 7.96495 2.38428 7.94067 2.17461 8.12038C1.96495 8.30009 1.94067 8.61574 2.12038 8.8254L5.12038 12.3254C5.30009 12.5351 5.61574 12.5593 5.8254 12.3796C6.03507 12.1999 6.05935 11.8843 5.87964 11.6746L2.87964 8.17461Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/message/pending.svg b/ui/StatusQ/src/assets/img/icons/tiny/message/pending.svg
new file mode 100644
index 0000000000..e7ec67fd19
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/message/pending.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5 8.5C5 9.05228 4.55228 9.5 4 9.5C3.44772 9.5 3 9.05228 3 8.5C3 7.94772 3.44772 7.5 4 7.5C4.55228 7.5 5 7.94772 5 8.5Z" fill="black"/>
+<path opacity="0.66" d="M9 8.5C9 9.05228 8.55228 9.5 8 9.5C7.44772 9.5 7 9.05228 7 8.5C7 7.94772 7.44772 7.5 8 7.5C8.55228 7.5 9 7.94772 9 8.5Z" fill="black"/>
+<path opacity="0.44" d="M12 9.5C12.5523 9.5 13 9.05228 13 8.5C13 7.94772 12.5523 7.5 12 7.5C11.4477 7.5 11 7.94772 11 8.5C11 9.05228 11.4477 9.5 12 9.5Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/message/sent.svg b/ui/StatusQ/src/assets/img/icons/tiny/message/sent.svg
new file mode 100644
index 0000000000..eedeb60066
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/message/sent.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2774 4.08403C12.5071 4.2372 12.5692 4.54764 12.416 4.7774L7.41603 12.2774C7.32921 12.4076 7.18639 12.4897 7.03015 12.4991C6.8739 12.5086 6.72225 12.4443 6.62038 12.3254L3.62038 8.82545C3.44067 8.61579 3.46495 8.30014 3.67461 8.12042C3.88428 7.94071 4.19993 7.96499 4.37964 8.17466L6.77828 10.9731C6.86454 11.0737 7.02303 11.0641 7.09655 10.9539L11.584 4.2227C11.7372 3.99294 12.0476 3.93085 12.2774 4.08403Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/message/warning.svg b/ui/StatusQ/src/assets/img/icons/tiny/message/warning.svg
new file mode 100644
index 0000000000..28cd40ad56
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/message/warning.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 3.5C7.72386 3.5 7.5 3.72386 7.5 4V10C7.5 10.2761 7.72386 10.5 8 10.5C8.27614 10.5 8.5 10.2761 8.5 10V4C8.5 3.72386 8.27614 3.5 8 3.5Z" fill="black"/>
+<path d="M8 13.25C8.41421 13.25 8.75 12.9142 8.75 12.5C8.75 12.0858 8.41421 11.75 8 11.75C7.58579 11.75 7.25 12.0858 7.25 12.5C7.25 12.9142 7.58579 13.25 8 13.25Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/more.svg b/ui/StatusQ/src/assets/img/icons/tiny/more.svg
new file mode 100644
index 0000000000..c7000b4e9f
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/more.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="3.5" cy="8" r="1.5" fill="black"/>
+<circle cx="12.5" cy="8" r="1.5" fill="black"/>
+<circle cx="8" cy="8" r="1.5" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/muted-white.svg b/ui/StatusQ/src/assets/img/icons/tiny/muted-white.svg
similarity index 100%
rename from ui/StatusQ/src/assets/img/icons/muted-white.svg
rename to ui/StatusQ/src/assets/img/icons/tiny/muted-white.svg
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/muted.svg b/ui/StatusQ/src/assets/img/icons/tiny/muted.svg
new file mode 100644
index 0000000000..2564a9ea05
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/muted.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.70186 3.61736C9.91545 3.40377 9.89277 3.04794 9.62625 2.90578C9.13934 2.64607 8.58479 2.5 8.00002 2.5C6.27863 2.5 4.8192 3.76576 4.57576 5.46984L4.14144 8.51005C4.11619 8.68684 4.43245 8.88677 4.55873 8.76049L9.70186 3.61736Z" fill="black"/>
+<path d="M1.952 13.4879C1.6769 13.782 1.68279 14.2434 1.96967 14.5303C2.26256 14.8232 2.73744 14.8232 3.03033 14.5303L4.91421 12.6464C5.00798 12.5527 5.13516 12.5 5.26777 12.5H5.5C5.77614 12.5 5.99359 12.7273 6.06171 12.9949C6.28197 13.8601 7.06626 14.5 8 14.5C8.93374 14.5 9.71803 13.8601 9.93829 12.9949C10.0064 12.7273 10.2239 12.5 10.5 12.5H12.5858C13.4767 12.5 13.9229 11.4229 13.2929 10.7929L12.7071 10.2071C12.2481 9.74811 11.9504 9.15264 11.8586 8.51005L11.543 6.30054C11.5207 6.14475 11.5731 5.98756 11.6844 5.87628L14.0303 3.53033C14.3232 3.23744 14.3232 2.76256 14.0303 2.46967C13.7435 2.18281 13.282 2.1769 12.988 2.45195C12.9822 2.45811 12.9763 2.4642 12.9703 2.47021L1.97033 13.4702C1.96429 13.4762 1.95818 13.4822 1.952 13.4879Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/not-secure.svg b/ui/StatusQ/src/assets/img/icons/tiny/not-secure.svg
new file mode 100644
index 0000000000..377d8c4bea
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/not-secure.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 3.5C6.40698 3.5 5.12915 4.83423 5.00928 6.5H6.39941C6.5083 5.57629 7.19775 4.88464 8 4.88464C8.87476 4.88464 9.61523 5.7074 9.61523 6.75647V8.5H7H6.38452H5H4.5C3.67163 8.5 3 9.17163 3 10V13C3 13.8284 3.67163 14.5 4.5 14.5H11.5C12.3284 14.5 13 13.8284 13 13V10C13 9.17163 12.3284 8.5 11.5 8.5H11V6.75647C11 4.97327 9.67407 3.5 8 3.5Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/pending.svg b/ui/StatusQ/src/assets/img/icons/tiny/pending.svg
new file mode 100644
index 0000000000..6c54d375b7
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/pending.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="3.5" cy="8.5" r="1.5" fill="black"/>
+<circle opacity="0.2" cx="12.5" cy="8.5" r="1.5" fill="black"/>
+<circle opacity="0.6" cx="8" cy="8.5" r="1.5" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/pin.svg b/ui/StatusQ/src/assets/img/icons/tiny/pin.svg
new file mode 100644
index 0000000000..7ade542649
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/pin.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8.75003 10.9168C8.75003 10.431 9.10533 10.0271 9.55839 9.85188C11.1746 9.22668 12.3208 7.65755 12.3208 5.82072C12.3208 3.43445 10.3863 1.5 8.00004 1.5C5.61377 1.5 3.67932 3.43445 3.67932 5.82072C3.67932 7.65755 4.82551 9.22667 6.44168 9.85187C6.89474 10.0271 7.25003 10.431 7.25003 10.9168V15.0655C7.25003 15.4931 7.58582 15.8398 8.00003 15.8398C8.41424 15.8398 8.75003 15.4931 8.75003 15.0655V10.9168ZM10.8208 5.82072C10.8208 7.37856 9.55788 8.64144 8.00004 8.64144C6.4422 8.64144 5.17932 7.37856 5.17932 5.82072C5.17932 4.26288 6.4422 3 8.00004 3C9.55788 3 10.8208 4.26288 10.8208 5.82072Z" fill="black"/>
+<path d="M9.78599 5.38285C9.78599 4.79008 9.32218 4.18387 8.75003 4.02885C8.17788 3.87383 7.71407 4.2287 7.71407 4.82147C7.71407 5.41425 8.17788 6.02046 8.75003 6.17548C9.32218 6.33049 9.78599 5.97562 9.78599 5.38285Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/public-chat-white.svg b/ui/StatusQ/src/assets/img/icons/tiny/public-chat-white.svg
similarity index 100%
rename from ui/StatusQ/src/assets/img/icons/public-chat-white.svg
rename to ui/StatusQ/src/assets/img/icons/tiny/public-chat-white.svg
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/public-chat.svg b/ui/StatusQ/src/assets/img/icons/tiny/public-chat.svg
new file mode 100644
index 0000000000..92e866f248
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/public-chat.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.82051 5.10748C10.148 4.98152 10.5 5.22326 10.5 5.57415V11.4259C10.5 11.7768 10.148 12.0185 9.8205 11.8925L8.20145 11.2698C8.01814 11.1993 7.8324 11.1356 7.6446 11.0788C7.38272 10.9996 7.11478 11.164 7.04842 11.4294L6.66417 12.9664C6.36119 14.1784 4.63882 14.1784 4.33583 12.9664L3.74837 10.6166C3.70074 10.4261 3.54598 10.2811 3.35275 10.2459L2.82112 10.1493C2.34563 10.0628 2 9.64869 2 9.16541V7.83456C2 7.35127 2.34562 6.93714 2.82111 6.85069L6.76064 6.13441C7.25246 6.04499 7.73482 5.90967 8.20139 5.73022L9.82051 5.10748Z" fill="black"/>
+<path d="M12.3205 12.8541C12.1274 12.7798 12 12.5943 12 12.3874V4.61261C12 4.40573 12.1274 4.22021 12.3205 4.14594L12.641 4.02267C13.296 3.77074 14 4.25423 14 4.95601V12.0441C14 12.7458 13.296 13.2293 12.641 12.9774L12.3205 12.8541Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/reply.svg b/ui/StatusQ/src/assets/img/icons/tiny/reply.svg
new file mode 100644
index 0000000000..c064e7b284
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/reply.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 5.58946V4.12446C8 3.50346 8.373 3.31246 8.824 3.70246L12.828 7.14746C13.055 7.34246 13.054 7.65746 12.827 7.85146L8.822 11.2975C8.373 11.6855 8 11.4955 8 10.8745V9.49946C5.498 9.49946 4.183 11.3865 3.524 13.0315C3.421 13.2885 3.271 13.2885 3.2 13.0205C3.071 12.5355 3 12.0255 3 11.4995C3 8.52646 5.164 6.06546 8 5.58946Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/secure.svg b/ui/StatusQ/src/assets/img/icons/tiny/secure.svg
new file mode 100644
index 0000000000..5b5a133313
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/secure.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5 8.5V6.75641C5 4.97326 6.32593 3.5 8 3.5C9.67407 3.5 11 4.97326 11 6.75641V8.5H11.5C12.3284 8.5 13 9.17157 13 10V13C13 13.8284 12.3284 14.5 11.5 14.5H4.5C3.67157 14.5 3 13.8284 3 13V10C3 9.17157 3.67157 8.5 4.5 8.5H5ZM6.38452 8.50003H9.61529V6.75644C9.61529 5.70736 8.87484 4.88464 7.99991 4.88464C7.12497 4.88464 6.38452 5.70736 6.38452 6.75644V8.50003Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/settings.svg b/ui/StatusQ/src/assets/img/icons/tiny/settings.svg
new file mode 100644
index 0000000000..e1cbaa23b1
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/settings.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7803 3.5C10.9365 3.50012 11.0808 3.57959 11.1589 3.70837L13.9414 8.29163C14.0195 8.42053 14.0195 8.57947 13.9414 8.70837L11.1589 13.2916C11.0808 13.4204 10.9365 13.4999 10.7803 13.5H5.21973C5.06348 13.4999 4.91919 13.4204 4.84106 13.2916L2.05859 8.70837C1.98047 8.57947 1.98047 8.42053 2.05859 8.29163L4.84106 3.70837C4.91919 3.57959 5.06348 3.50012 5.21973 3.5H10.7803ZM6 8.5C6 9.60461 6.89551 10.5 8 10.5C8.53052 10.5 9.03906 10.2893 9.41431 9.91418C9.78931 9.53918 10 9.0304 10 8.5C10 7.39539 9.10449 6.5 8 6.5C6.89551 6.5 6 7.39539 6 8.5Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/time.svg b/ui/StatusQ/src/assets/img/icons/tiny/time.svg
new file mode 100644
index 0000000000..bf693e4035
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/time.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 15C11.866 15 15 11.866 15 8C15 4.13401 11.866 1 8 1C4.13401 1 1 4.13401 1 8C1 11.866 4.13401 15 8 15ZM8.24421 3.407C8.19508 3.01394 7.84875 2.72686 7.4534 2.75147C7.05804 2.77608 6.75 3.1039 6.75 3.50002V7.17159C6.75 7.90094 7.03973 8.60041 7.55546 9.11614L9.96967 11.5304C10.2456 11.8063 10.687 11.8245 10.9848 11.5723C11.2825 11.3201 11.3371 10.8816 11.1103 10.5641L8.90459 7.4761C8.78387 7.30709 8.70717 7.11068 8.68141 6.90459L8.24421 3.407Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/tribute-to-talk.svg b/ui/StatusQ/src/assets/img/icons/tiny/tribute-to-talk.svg
new file mode 100644
index 0000000000..c42a6683dd
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/tribute-to-talk.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 2.5C4.68629 2.5 2 5.18629 2 8.5V12.5C2 13.6046 2.89543 14.5 4 14.5H8C11.3137 14.5 14 11.8137 14 8.5C14 5.18629 11.3137 2.5 8 2.5ZM7.63838 8.13711L7.63837 8.13711C7.21874 8.0919 6.7991 8.04669 6.28312 8.07649C6.02723 8.09086 5.77312 8.12795 5.52376 8.18732C5.67605 6.27935 7.02638 4.61029 8.8626 4.50419C9.98943 4.43917 11.1157 5.13489 11.1768 6.26431C11.2369 7.37437 10.3903 8.11715 8.99295 8.19776C8.47727 8.22748 8.05782 8.18229 7.63838 8.13711ZM6.21975 12.4961C5.14026 12.557 4.06146 11.9057 4.00288 10.8489C3.94527 9.80994 4.75627 9.11492 6.09495 9.03946C6.58891 9.01162 6.99073 9.05392 7.39253 9.09622L7.39254 9.09622L7.39256 9.09622C7.79454 9.13853 8.19649 9.18085 8.69067 9.15293C8.93568 9.1395 9.17906 9.10479 9.4181 9.0492C9.27247 10.8348 7.97892 12.3969 6.21975 12.4961Z" fill="black"/>
+</svg>
diff --git a/ui/StatusQ/src/assets/img/icons/tiny/warning.svg b/ui/StatusQ/src/assets/img/icons/tiny/warning.svg
new file mode 100644
index 0000000000..028109e157
--- /dev/null
+++ b/ui/StatusQ/src/assets/img/icons/tiny/warning.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15 8.5C15 12.366 11.866 15.5 8 15.5C4.13401 15.5 1 12.366 1 8.5C1 4.63401 4.13401 1.5 8 1.5C11.866 1.5 15 4.63401 15 8.5ZM9.25 12.75C9.25 13.4404 8.69036 14 8 14C7.30964 14 6.75 13.4404 6.75 12.75C6.75 12.0596 7.30964 11.5 8 11.5C8.69036 11.5 9.25 12.0596 9.25 12.75ZM8 3.5C7.44772 3.5 7 3.94772 7 4.5V9C7 9.55228 7.44772 10 8 10C8.55228 10 9 9.55229 9 9V4.5C9 3.94772 8.55228 3.5 8 3.5Z" fill="black"/>
+</svg>