Added No Results Found

src/EmojiResultRow.js

@@ -13,8 +13,8 @@ export default class EmojiResultsRow extends PureComponent {
     const src = `//cdn.jsdelivr.net/emojione/assets/png/${codePointHex}.png`;
     return (
       <div
-        className="component-emoji-result-row copy-to-clipboard"
-        data-clipboard-text={this.props.symbol}
+        className={"component-emoji-result-row copy-to-clipboard"}
+        data-clipboard-text={this.props.title==='No Results Found!!!'?'':`${this.props.symbol}`}
       >
         <img alt={this.props.title} src={src} />
         <span className="title">{this.props.title}</span>

src/EmojiResults.js

@@ -20,14 +20,18 @@ export default class EmojiResults extends PureComponent {
 
   render() {
     return (
-      <div className="component-emoji-results">
-        {this.props.emojiData.map(emojiData => (
+       <div className="component-emoji-results">
+        {this.props.emojiData.length!==0?this.props.emojiData.map(emojiData => (
           <EmojiResultRow
             key={emojiData.title}
             symbol={emojiData.symbol}
             title={emojiData.title}
           />
-        ))}
+        )):<div> <EmojiResultRow
+        key={''}
+        symbol={'🙁'}
+        title={'No Results Found!!!'}
+      /></div>}
       </div>
     );
   }