From 02c91fb7606983a07c8e5fb46ccd46042306a008 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Thu, 15 Jul 2021 03:02:48 +0300
Subject: [PATCH] [Perf] Emoji Tooltip: Some optimizations

---
 src/components/middle/composer/hooks/useEmojiTooltip.ts | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/middle/composer/hooks/useEmojiTooltip.ts b/src/components/middle/composer/hooks/useEmojiTooltip.ts
index e9ac4b44f..39aebd1bc 100644
--- a/src/components/middle/composer/hooks/useEmojiTooltip.ts
+++ b/src/components/middle/composer/hooks/useEmojiTooltip.ts
@@ -4,6 +4,7 @@ import {
 
 import { EDITABLE_INPUT_ID } from '../../../../config';
 import { IS_SINGLE_COLUMN_LAYOUT } from '../../../../util/environment';
+import { MEMO_EMPTY_ARRAY } from '../../../../util/memo';
 import {
   EmojiData, EmojiModule, EmojiRawData, uncompressEmoji,
 } from '../../../../util/emoji';
@@ -47,7 +48,7 @@ export default function useEmojiTooltip(
   const [byName, setByName] = useState<Record<string, Emoji[]>>({});
   const [shouldForceInsertEmoji, setShouldForceInsertEmoji] = useState(false);
 
-  const [filteredEmojis, setFilteredEmojis] = useState<Emoji[]>([]);
+  const [filteredEmojis, setFilteredEmojis] = useState<Emoji[]>(MEMO_EMPTY_ARRAY);
 
   const recentEmojis = useMemo(
     () => {
@@ -118,9 +119,9 @@ export default function useEmojiTooltip(
       return;
     }
 
-    const code = getEmojiCode(html);
+    const code = html.includes(':') && getEmojiCode(html);
     if (!code) {
-      setFilteredEmojis([]);
+      setFilteredEmojis(MEMO_EMPTY_ARRAY);
       unmarkIsOpen();
       return;
     }