Marketplace: hide search input when viewing subscriptions page on mobile

Corrected capitalisation of `classNames` in `LikertScale`.

plugins/woocommerce-admin/client/marketplace/components/header/header.scss

@@ -31,6 +31,14 @@
 	}
 }
 
+.woocommerce-marketplace--my-subscriptions {
+	@media (width <= $breakpoint-medium) {
+		.woocommerce-marketplace__search {
+			display: none;
+		}
+	}
+}
+
 .woocommerce-marketplace__header-title {
 	align-items: center;
 	align-self: stretch;

plugins/woocommerce-admin/client/marketplace/components/likert-scale/likert-scale.tsx

@@ -2,7 +2,7 @@
  * External dependencies
  */
 import { __ } from '@wordpress/i18n';
-import classnames from 'classnames';
+import classNames from 'classnames';
 
 /**
  * Internal dependencies
@@ -52,7 +52,7 @@ export default function LikertScale( props: LikertScaleProps ): JSX.Element {
 		},
 	];
 
-	const classes = classnames( 'woocommerce-marketplace__likert-scale', {
+	const classes = classNames( 'woocommerce-marketplace__likert-scale', {
 		'validation-failed': validationFailed,
 	} );
 

plugins/woocommerce-admin/client/marketplace/index.tsx

@@ -1,22 +1,42 @@
+/**
+ * External dependencies
+ */
+import { useContext } from '@wordpress/element';
+
 /**
  * Internal dependencies
  */
 import './marketplace.scss';
-import { MarketplaceContextProvider } from './contexts/marketplace-context';
+import {
+	MarketplaceContextProvider,
+	MarketplaceContext,
+} from './contexts/marketplace-context';
 import Header from './components/header/header';
 import Content from './components/content/content';
 import Footer from './components/footer/footer';
 import FeedbackModal from './components/feedback-modal/feedback-modal';
 
+function MarketplaceComponents() {
+	const { selectedTab } = useContext( MarketplaceContext );
+
+	const classNames =
+		'woocommerce-marketplace' +
+		( selectedTab ? ' woocommerce-marketplace--' + selectedTab : '' );
+
+	return (
+		<div className={ classNames }>
+			<Header />
+			<Content />
+			<FeedbackModal />
+			<Footer />
+		</div>
+	);
+}
+
 export default function Marketplace() {
 	return (
 		<MarketplaceContextProvider>
-			<div className="woocommerce-marketplace">
-				<Header />
-				<Content />
-				<FeedbackModal />
-				<Footer />
-			</div>
+			<MarketplaceComponents />
 		</MarketplaceContextProvider>
 	);
 }