Hide the terms filter box if there are fewer than 8 terms (#10438)

WordPress · Oct 9, 2018 · b869b99 · b869b99
1 parent 471e581
commit b869b99
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/packages/editor/src/components/post-taxonomies/hierarchical-term-selector.js b/packages/editor/src/components/post-taxonomies/hierarchical-term-selector.js
@@ -29,6 +29,8 @@ const DEFAULT_QUERY = {
 	_fields: 'id,name,parent',
 };
 
+const MIN_TERMS_COUNT_FOR_FILTER = 8;
+
 class HierarchicalTermSelector extends Component {
 	constructor() {
 		super( ...arguments );
@@ -384,14 +386,15 @@ class HierarchicalTermSelector extends Component {
 				slug === 'category' ? __( 'Categories' ) : __( 'Terms' )
 			)
 		);
+		const showFilter = availableTerms.length >= MIN_TERMS_COUNT_FOR_FILTER;
 
 		return [
-			<label
+			showFilter && <label
 				key="filter-label"
 				htmlFor={ filterInputId }>
 				{ filterLabel }
 			</label>,
-			<input
+			showFilter && <input
 				type="search"
 				id={ filterInputId }
 				value={ filterValue }