💄

spec/picker-spec.js

@@ -35,9 +35,11 @@ describe('Picker', () => {
     })
 
     it('maintains category ids after it is filtered', () => {
-      subject = render({emojisToShowFilter: emoji => true});
+      subject = render({ emojisToShowFilter: emoji => true })
-      const categoriesWithIds = subject.categories.filter(category => category.id);
+      const categoriesWithIds = subject.categories.filter(
-      expect(categoriesWithIds.length).toEqual(10);
+        category => category.id
-    });
+      )
+      expect(categoriesWithIds.length).toEqual(10)
+    })
   })
 })

src/components/emoji.js

@@ -53,11 +53,11 @@ const _handleLeave = (e, props) => {
   onLeave(emoji, e)
 }
 
-const _isNumeric = (value) => {
+const _isNumeric = value => {
   return !isNaN(value - parseFloat(value))
 }
 
-const _convertStyleToCSS = (style) => {
+const _convertStyleToCSS = style => {
   let div = document.createElement('div')
 
   for (let key in style) {
@@ -145,7 +145,9 @@ const Emoji = props => {
 
   if (props.html) {
     style = _convertStyleToCSS(style)
-    return `<span style='${style}' ${title ? `title='${title}'` : ''} class='${className}'>${children || ''}</span>`
+    return `<span style='${style}' ${title
+      ? `title='${title}'`
+      : ''} class='${className}'>${children || ''}</span>`
   } else {
     return (
       <span
@@ -197,7 +199,7 @@ Emoji.defaultProps = {
   onOver: () => {},
   onLeave: () => {},
   onClick: () => {},
-  fallback: (emoji) => {},
+  fallback: emoji => {},
 }
 
 export default Emoji

src/components/picker.js

@@ -108,7 +108,7 @@ export default class Picker extends React.PureComponent {
           let newCategory = {
             emojis: newEmojis,
             name: category.name,
-            id: category.id
+            id: category.id,
           }
 
           this.categories.push(newCategory)

src/utils/emoji-index.js

@@ -151,9 +151,7 @@ function search(
 
   if (results) {
     if (emojisToShowFilter) {
-      results = results.filter(result =>
+      results = results.filter(result => emojisToShowFilter(pool[result.id]))
-        emojisToShowFilter(pool[result.id])
-      )
     }
 
     if (results && results.length > maxResults) {