Add an ugly custom emote completer using ~

1 files changed, 34 insertions, 4 deletions

diff --git a/resources/qml/Completer.qml b/resources/qml/Completer.qml
index 6bde67fa..c58cda14 100644
--- a/resources/qml/Completer.qml
+++ b/resources/qml/Completer.qml
@@ -69,10 +69,7 @@ Popup {
 
     onCompleterNameChanged: {
         if (completerName) {
-            if (completerName == "user")
-                completer = TimelineManager.completerFor(completerName, room.roomId);
-            else
-                completer = TimelineManager.completerFor(completerName);
+            completer = TimelineManager.completerFor(completerName, room.roomId);
             completer.setSearchString("");
         } else {
             completer = undefined;
@@ -183,6 +180,39 @@ Popup {
                 }
 
                 DelegateChoice {
+                    roleValue: "customEmoji"
+
+                    RowLayout {
+                        id: del
+
+                        anchors.centerIn: parent
+                        spacing: rowSpacing
+
+                        Avatar {
+                            height: popup.avatarHeight
+                            width: popup.avatarWidth
+                            displayName: model.shortcode
+                            //userid: model.shortcode
+                            url: model.url.replace("mxc://", "image://MxcImage/")
+                            onClicked: popup.completionClicked(completer.completionAt(model.index))
+                            crop: false
+                        }
+
+                        Label {
+                            text: model.shortcode
+                            color: model.index == popup.currentIndex ? Nheko.colors.highlightedText : Nheko.colors.text
+                        }
+
+                        Label {
+                            text: "(" + model.packname + ")"
+                            color: model.index == popup.currentIndex ? Nheko.colors.highlightedText : Nheko.colors.buttonText
+                        }
+
+                    }
+
+                }
+
+                DelegateChoice {
                     roleValue: "room"
 
                     RowLayout {