Add Quick Reaction to EmojiDialog

src/qml/Component/Emoji/EmojiDelegate.qml

@@ -13,7 +13,7 @@ QQC2.ItemDelegate {
     property bool showTones: false
 
     QQC2.ToolTip.text: emojiDelegate.name
-    QQC2.ToolTip.visible: hovered
+    QQC2.ToolTip.visible: hovered && emojiDelegate.name !== ""
     QQC2.ToolTip.delay: Kirigami.Units.toolTipDelay
     leftInset: Kirigami.Units.smallSpacing
     topInset: Kirigami.Units.smallSpacing

src/qml/Component/Emoji/EmojiPicker.qml

@@ -11,6 +11,7 @@ ColumnLayout {
     id: root
 
     property bool includeCustom: false
+    property bool showQuickReaction: false
 
     readonly property var currentEmojiModel: {
         if (includeCustom) {
@@ -90,4 +91,35 @@ ColumnLayout {
         header: categories
         Keys.forwardTo: searchField
     }
+
+    Kirigami.Separator {
+        visible: showQuickReaction
+        Layout.fillWidth: true
+        Layout.preferredHeight: 1
+    }
+
+    QQC2.ScrollView {
+        visible: showQuickReaction
+        Layout.fillWidth: true
+        Layout.preferredHeight: root.categoryIconSize + QQC2.ScrollBar.horizontal.height
+        QQC2.ScrollBar.horizontal.height: QQC2.ScrollBar.horizontal.visible ? QQC2.ScrollBar.horizontal.implicitHeight : 0
+
+        ListView {
+            id: quickReactions
+            Layout.fillWidth: true
+
+            model: ["👍", "👎", "😄", "🎉", "😕", "❤", "🚀", "👀"]
+
+            delegate: EmojiDelegate {
+                emoji: modelData
+
+                height: root.categoryIconSize
+                width: height
+
+                onClicked: root.chosen(modelData)
+            }
+
+            orientation: Qt.Horizontal
+        }
+    }
 }