Add “No emoji found” to empty search results

css/emoji-picker.css

@@ -69,6 +69,17 @@
   border-radius: 5px;
 }
 
+.emoji-picker-no-results {
+  font-size: 14px;
+  text-align: center;
+  padding-top: 70px;
+  color: #858585;
+}
+.emoji-picker-no-results span {
+  display: inline-block;
+  vertical-align: middle;
+}
+
 .emoji-picker-preview {
   position: relative;
   height: 70px;

src/components/category.js

@@ -64,6 +64,20 @@ export default class Category extends React.Component {
           {...emojiProps}
         />
       )}
+
+      {!emojis.length &&
+        <div className='emoji-picker-no-results'>
+          <Emoji
+            {...emojiProps}
+            size={22}
+            emoji='sleuth_or_spy'
+          />
+
+          <span className='emoji-picker-no-results-label'>
+            No emoji found
+          </span>
+        </div>
+      }
     </div>
   }
 }