From a0e892bf129cbbcac6fd5db236a025d9376f74bc Mon Sep 17 00:00:00 2001
From: Ken Powers <ken@signal.org>
Date: Thu, 30 May 2019 11:29:59 -0400
Subject: [PATCH] Use selector for filtered recent emojis.

---
 ts/state/smart/EmojiButton.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/ts/state/smart/EmojiButton.tsx b/ts/state/smart/EmojiButton.tsx
index eb5d3e135a7..9384642bde5 100644
--- a/ts/state/smart/EmojiButton.tsx
+++ b/ts/state/smart/EmojiButton.tsx
@@ -8,12 +8,15 @@ import { StateType } from '../reducer';
 import { isShortNameValid } from '../../components/emoji/lib';
 import { getIntl } from '../selectors/user';
 
-const mapStateToProps = (state: StateType) => {
-  const { recents } = state.emojis;
+const selectRecentEmojis = createSelector(
+  ({ emojis }: StateType) => emojis.recents,
+  recents => recents.filter(isShortNameValid)
+);
 
+const mapStateToProps = (state: StateType) => {
   return {
     i18n: getIntl(state),
-    recentEmojis: recents.filter(isShortNameValid),
+    recentEmojis: selectRecentEmojis(state),
     skinTone: get(state, ['items', 'skinTone'], 0),
   };
 };