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)} + + ))) } );