Don’t apply emoji-mart-no-results class when using custom notFound …

…component
missive · Jul 30, 2018 · 3dc3e2f · 3dc3e2f
1 parent 8e6d363
commit 3dc3e2f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/src/components/category.js b/src/components/category.js
@@ -176,9 +176,7 @@ export default class Category extends React.Component {
     return (
       <div
         ref={this.setContainerRef}
-        className={`emoji-mart-category ${
-          emojis && !emojis.length ? 'emoji-mart-no-results' : ''
-        }`}
+        className="emoji-mart-category"
         style={containerStyles}
       >
         <div

diff --git a/src/components/not-found.js b/src/components/not-found.js
@@ -6,8 +6,8 @@ export default class NotFound extends React.PureComponent {
   render() {
     const { data, emojiProps, i18n, notFound } = this.props
 
-    const imageComponent = (notFound && notFound()) || (
-      <div>
+    const component = (notFound && notFound()) || (
+      <div className="emoji-mart-no-results">
         {NimbleEmoji({
           data: data,
           ...emojiProps,
@@ -21,7 +21,7 @@ export default class NotFound extends React.PureComponent {
       </div>
     )
 
-    return <div className="emoji-mart-no-results">{imageComponent}</div>
+    return component
   }
 }