diff --git a/app/containers/EmojiPicker/index.js b/app/containers/EmojiPicker/index.js
index 3fe6f9371..cfe572559 100644
--- a/app/containers/EmojiPicker/index.js
+++ b/app/containers/EmojiPicker/index.js
@@ -141,7 +141,7 @@ export default class EmojiPicker extends Component {
}
render() {
- const { show } = this.state;
+ const { show, frequentlyUsed } = this.state;
const { tabEmojiStyle } = this.props;
if (!show) {
@@ -155,15 +155,17 @@ export default class EmojiPicker extends Component {
>
{
categories.tabs.map((tab, i) => (
-
- {this.renderCategory(tab.category, i)}
-
- ))
+ (i === 0 && frequentlyUsed.length === 0) ? null // when no frequentlyUsed don't show the tab
+ : (
+
+ {this.renderCategory(tab.category, i)}
+
+ )))
}
);