Jetpack Search: hide module toggle on wpcom (#41492)

Automattic · Feb 4, 2025 · 0c2bb97 · 0c2bb97
1 parent 6c87a8b
commit 0c2bb97
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 16 deletions.
diff --git a/projects/packages/search/changelog/fix-disable-search-toggle-on-wpcom b/projects/packages/search/changelog/fix-disable-search-toggle-on-wpcom
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fixed
+
+
diff --git a/projects/packages/search/src/dashboard/components/module-control/index.jsx b/projects/packages/search/src/dashboard/components/module-control/index.jsx
@@ -279,25 +279,28 @@ const SearchToggle = ( {
 	const isSearchToggleChecked = isModuleEnabled && supportsSearch && ! isDisabledFromOverLimit;
 	const isSearchToggleDisabled =
 		isSavingEitherOption || ! supportsSearch || isDisabledFromOverLimit;
+	const isWpcom = useSelect( select => select( STORE_ID ).isWpcom(), [] );
 
 	return (
 		<div className="jp-form-search-settings-group__toggle is-search jp-search-dashboard-wrap">
-			<div className="jp-search-dashboard-row">
-				<div className="lg-col-span-2 md-col-span-1 sm-col-span-0"></div>
-				<CompactFormToggle
-					checked={ isSearchToggleChecked }
-					disabled={ isSearchToggleDisabled }
-					onChange={ toggleSearchModule }
-					toggling={ isTogglingModule }
-					className="is-search-admin"
-					switchClassNames="lg-col-span-1 md-col-span-1 sm-col-span-1"
-					labelClassNames=" lg-col-span-7 md-col-span-5 sm-col-span-3"
-					aria-label={ __( 'Enable Jetpack Search', 'jetpack-search-pkg' ) }
-				>
-					{ __( 'Enable Jetpack Search', 'jetpack-search-pkg' ) }
-				</CompactFormToggle>
-				<div className="lg-col-span-2 md-col-span-1 sm-col-span-0"></div>
-			</div>
+			{ ! isWpcom && (
+				<div className="jp-search-dashboard-row">
+					<div className="lg-col-span-2 md-col-span-1 sm-col-span-0"></div>
+					<CompactFormToggle
+						checked={ isSearchToggleChecked }
+						disabled={ isSearchToggleDisabled }
+						onChange={ toggleSearchModule }
+						toggling={ isTogglingModule }
+						className="is-search-admin"
+						switchClassNames="lg-col-span-1 md-col-span-1 sm-col-span-1"
+						labelClassNames=" lg-col-span-7 md-col-span-5 sm-col-span-3"
+						aria-label={ __( 'Enable Jetpack Search', 'jetpack-search-pkg' ) }
+					>
+						{ __( 'Enable Jetpack Search', 'jetpack-search-pkg' ) }
+					</CompactFormToggle>
+					<div className="lg-col-span-2 md-col-span-1 sm-col-span-0"></div>
+				</div>
+			) }
 			<div className="jp-search-dashboard-row">
 				<div className="lg-col-span-3 md-col-span-2 sm-col-span-1"></div>
 				<div className="jp-form-search-settings-group__toggle-description lg-col-span-7 md-col-span-5 sm-col-span-3">