Add a placeholder message for the recents tab of the emoji picker

Signed-off-by: Claudio Cambra <claudio.cambra@gmail.com>

diff --git a/src/gui/EmojiPicker.qml b/src/gui/EmojiPicker.qml
index 0e5c6ec703cba0d151b4c70a91076eee4994bbb0..8a9cc920e4a00d781f55a81b3713263de0b78fee 100644 (file)
--- a/src/gui/EmojiPicker.qml
+++ b/src/gui/EmojiPicker.qml
@@ -87,6 +87,7 @@ ColumnLayout {
     }
 
     GridView {
+        id: emojiView
         Layout.fillWidth: true
         Layout.fillHeight: true
         Layout.preferredHeight: metrics.height * 8
@@ -125,6 +126,16 @@ ColumnLayout {
             }
         }
 
+        Label {
+            id: placeholderMessage
+            anchors.centerIn: parent
+            text: qsTr("No recent emojis")
+            color: Style.ncSecondaryTextColor
+            wrapMode: Text.Wrap
+            font.bold: true
+            visible: emojiView.count === 0
+        }
+
         ScrollBar.vertical: ScrollBar {}
         
     }