feat: disabled options and empty subscribers info in select

Automattic · Apr 17, 2020 · 44cc68f · 44cc68f
1 parent d8f8802
commit 44cc68f
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/editor/sidebar/index.js b/src/editor/sidebar/index.js
@@ -84,9 +84,6 @@ class Sidebar extends Component {
 		apiFetch( params ).then( result => this.setStateFromAPIResponse( result ) );
 	};
 	setInterest = interestId => {
-		if ( ! interestId || 'interest_group' === interestId ) {
-			return;
-		}
 		this.setState( { inFlight: true } );
 		const { postId } = this.props;
 		const params = {
@@ -135,13 +132,18 @@ class Sidebar extends Component {
 			const { title, interests, id } = item;
 			accumulator.push( {
 				label: title,
-				value: 'interest_group',
+				disabled: true,
 			} );
 			if ( interests && interests.interests && interests.interests.length ) {
 				interests.interests.forEach( interest => {
+					const isDisabled = parseInt( interest.subscriber_count ) === 0;
 					accumulator.push( {
-						label: '- ' + interest.name,
+						label:
+							'- ' +
+							interest.name +
+							( isDisabled ? __( ' (no subscribers)', 'newspack-newsletters' ) : '' ),
 						value: 'interests-' + id + ':' + interest.id,
+						disabled: isDisabled,
 					} );
 				} );
 			}