hide the wpcom plugin banner when searching and have results

Automattic · Apr 30, 2024 · 98577cc · 98577cc
1 parent 3abdbc8
commit 98577cc
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/projects/packages/jetpack-mu-wpcom/src/features/wpcom-plugins/js/banner.js b/projects/packages/jetpack-mu-wpcom/src/features/wpcom-plugins/js/banner.js
@@ -25,3 +25,15 @@ document.addEventListener( 'DOMContentLoaded', () => {
 	`
 	);
 } );
+
+const wpcomPluginObserver = new MutationObserver( () => {
+	if (
+		! document.querySelector( '.plugin-install-search .current' ) ||
+		document.querySelector( '.no-plugin-results' )
+	) {
+		document.querySelector( '.wpcom-plugins-banner' ).classList.remove( 'hidden' );
+	} else {
+		document.querySelector( '.wpcom-plugins-banner' ).classList.add( 'hidden' );
+	}
+} );
+wpcomPluginObserver.observe( document.getElementById( 'plugin-filter' ), { childList: true } );