Make emojis larger when multiple are sent at the same time

src/CONST.js

@@ -387,6 +387,8 @@ const CONST = {
 
     EMOJI_FREQUENT_ROW_COUNT: 3,
 
+    EMOJI_INVISIBLE_CODEPOINT: 'fe0f',
+
     LOGIN_TYPE: {
         PHONE: 'phone',
         EMAIL: 'email',

src/libs/EmojiUtils.js

@@ -9,7 +9,7 @@ import * as User from './actions/User';
  * @param {String} input
  * @returns {String}
  */
-function getEmojiUnicode(input) {
+const getEmojiUnicode = _.memoize((input) => {
     if (input.length === 0) {
         return '';
     }
@@ -40,7 +40,7 @@ function getEmojiUnicode(input) {
         }
     }
     return _.map(pairs, val => parseInt(val, 10).toString(16)).join(' ');
-}
+});
 
 /**
  * Function to remove Skin Tone and utf16 surrogates from Emoji
@@ -70,6 +70,30 @@ function isSingleEmoji(message) {
     return matchedUnicode === currentMessageUnicode;
 }
 
+/**
+ * Validates that this message contains only emojis
+ *
+ * @param {String} message
+ * @returns {Boolean}
+ */
+function containsOnlyEmojis(message) {
+    const match = message.match(CONST.REGEX.EMOJIS);
+    if (match) {
+        const codes = [];
+
+        _.map(match, emoji => _.map(getEmojiUnicode(emoji).split(' '), (code) => {
+            if (code !== CONST.EMOJI_INVISIBLE_CODEPOINT) {
+                codes.push(code);
+            }
+            return code;
+        }));
+
+        const messageCodes = _.filter(_.map([...message], char => getEmojiUnicode(char)), string => string.length > 0 && string !== CONST.EMOJI_INVISIBLE_CODEPOINT);
+        return codes.length === messageCodes.length;
+    }
+    return false;
+}
+
 /**
  * Get the header indices based on the max emojis per row
  * @param {Object[]} emojis
@@ -176,4 +200,5 @@ export {
     getDynamicHeaderIndices,
     mergeEmojisWithFrequentlyUsedEmojis,
     addToFrequentlyUsedEmojis,
+    containsOnlyEmojis,
 };

src/pages/home/report/ReportActionItemFragment.js

@@ -106,7 +106,7 @@ const ReportActionItemFragment = (props) => {
                 ) : (
                     <Text
                         selectable={!canUseTouchScreen() || !props.isSmallScreenWidth}
-                        style={EmojiUtils.isSingleEmoji(props.fragment.text) ? styles.singleEmojiText : undefined}
+                        style={EmojiUtils.containsOnlyEmojis(props.fragment.text) ? styles.multipleEmojisText : undefined}
                     >
                         {Str.htmlDecode(props.fragment.text)}
                         {props.fragment.isEdited && (

src/styles/styles.js

@@ -1042,7 +1042,7 @@ const styles = {
         textDecorationLine: 'none',
     },
 
-    singleEmojiText: {
+    multipleEmojisText: {
         fontSize: variables.fontSizeSingleEmoji,
         lineHeight: variables.fontSizeSingleEmojiHeight,
     },