Use twemoji.js

ui/app/AppLayouts/Chat/ChatColumn/Message.qml

@@ -257,8 +257,16 @@ Item {
 
         StyledTextEdit {
             id: chatText
-            text: linkify(message)
             textFormat: TextEdit.RichText
+            text: {
+                if(contentType === Constants.stickerType) return "";
+                if (isMessage) return linkify(message);
+                if(isEmoji){
+                    return Emoji.parse(message, "72x72");
+                } else {
+                    return Emoji.parse(message, "26x26");
+                }
+            }
             anchors.left: parent.left
             anchors.leftMargin: parent.chatHorizontalPadding
             anchors.right: message.length > 52 ? parent.right : undefined
@@ -267,12 +275,11 @@ Item {
             wrapMode: Text.Wrap
             anchors.top: parent.top
             anchors.topMargin: chatBox.chatVerticalPadding
-            font.pixelSize: isEmoji ? 40 : 15
+            font.pixelSize: 15
             readOnly: true
             selectByMouse: true
             color: !isCurrentUser ? Theme.black : Theme.white
             visible: contentType == Constants.messageType || isEmoji
-            textFormat: TextEdit.RichText
             onLinkActivated: Qt.openUrlExternally(link)
             MouseArea {
                 anchors.fill: parent

ui/app/AppLayouts/Chat/ContactsColumn/Channel.qml

@@ -58,7 +58,7 @@ Rectangle {
 
     StyledText {
         id: contactInfo
-        text: wrapper.chatType !== Constants.chatTypePublic ? wrapper.name : "#" + wrapper.name
+        text: wrapper.chatType !== Constants.chatTypePublic ? Emoji.parse(wrapper.name, "26x26") : "#" + wrapper.name
         anchors.right: contactTime.left
         anchors.rightMargin: Theme.smallPadding
         elide: Text.ElideRight
@@ -73,7 +73,7 @@ Rectangle {
     
     StyledText {
         id: lastChatMessage
-        text: lastMessage ? lastMessage.replace(/\n|\r/g, ' ') : qsTr("No messages")
+        text: lastMessage ? Emoji.parse(lastMessage, "26x26").replace(/\n|\r/g, ' ') : qsTr("No messages")
         anchors.right: contactNumberChatsCircle.left
         anchors.rightMargin: Theme.smallPadding
         elide: Text.ElideRight

ui/imports/Emoji.qml

@@ -0,0 +1,14 @@
+pragma Singleton
+
+import QtQuick 2.13
+import "./twemoji/twemoji.js" as Twemoji
+
+QtObject {
+    property string base: Qt.resolvedUrl("twemoji/")
+    function parse(text, size) {
+        Twemoji.twemoji.base = base
+        Twemoji.twemoji.ext = ".png"
+        Twemoji.twemoji.size = size
+        return Twemoji.twemoji.parse(text)
+    }
+}

ui/imports/Theme.qml

@@ -7,7 +7,7 @@ QtObject {
     property QtObject fontBold: FontLoader { id: _fontBold; source: "../fonts/InterStatus/InterStatus-Bold.otf"; }
     property QtObject fontLight: FontLoader { id: _fontLight; source: "../fonts/InterStatus/InterStatus-Light.otf"; }
     property QtObject fontRegular: FontLoader { id: _fontRegular; source: "../fonts/InterStatus/InterStatus-Regular.otf"; }
-    property QtObject fontEmoji: FontLoader { id: _fontEmoji; source: "../fonts/TwitterEmoji.ttf"; }
+    
 
     readonly property color white: "#FFFFFF"
     readonly property color white2: "#FCFCFC"

ui/imports/qmldir

@@ -2,4 +2,5 @@ module Theme
 singleton Theme 1.0 ./Theme.qml
 singleton Constants 1.0 ./Constants.qml
 singleton Utils 1.0 ./Utils.qml
+singleton Emoji 1.0 ./Emoji.qml