[IMPROVEMENT] Hide frequently used emoji tab when empty (#792)

RocketChat · Jun 27, 2019 · 26fb23e · 26fb23e
1 parent a5b8ced
commit 26fb23e
Showing 1 changed file with 12 additions and 10 deletions.
diff --git 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) => (
-						<ScrollView
-							key={tab.category}
-							tabLabel={tab.tabLabel}
-							style={styles.background}
-							{...scrollProps}
-						>
-							{this.renderCategory(tab.category, i)}
-						</ScrollView>
-					))
+						(i === 0 && frequentlyUsed.length === 0) ? null // when no frequentlyUsed don't show the tab
+							: (
+								<ScrollView
+									key={tab.category}
+									tabLabel={tab.tabLabel}
+									style={styles.background}
+									{...scrollProps}
+								>
+									{this.renderCategory(tab.category, i)}
+								</ScrollView>
+							)))
 				}
 			</ScrollableTabView>
 		);