diff --git a/css/emoji-picker.css b/css/emoji-picker.css index 6b7cefd..73f48ca 100644 --- a/css/emoji-picker.css +++ b/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; diff --git a/src/components/category.js b/src/components/category.js index e9ed7c3..a82b0d8 100644 --- a/src/components/category.js +++ b/src/components/category.js @@ -64,6 +64,20 @@ export default class Category extends React.Component { {...emojiProps} /> )} + + {!emojis.length && +
+ + + + No emoji found + +
+ } } }