Theme Showcase: Remove More Menu (#85315)

* Remove theme options for fun and sanity * Simplify the theme preview check
Automattic · Dec 21, 2023 · 7eae5e8 · 7eae5e8
1 parent 18ac561
commit 7eae5e8
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 8 deletions.
diff --git a/client/components/theme/index.jsx b/client/components/theme/index.jsx
@@ -268,7 +268,19 @@ export class Theme extends Component {
 
 	renderMoreButton = () => {
 		const { active, buttonContents, index, theme } = this.props;
-		if ( isEmpty( buttonContents ) ) {
+
+		let moreOptions = buttonContents;
+		if ( isEnabled( 'themes/tiers' ) ) {
+			if ( active && buttonContents.info ) {
+				moreOptions = { info: buttonContents.info };
+			} else if ( buttonContents.deleteTheme ) {
+				moreOptions = { deleteTheme: buttonContents.deleteTheme };
+			} else {
+				moreOptions = {};
+			}
+		}
+
+		if ( isEmpty( moreOptions ) ) {
 			return null;
 		}
 
@@ -280,7 +292,7 @@ export class Theme extends Component {
 				active={ active }
 				onMoreButtonClick={ this.props.onMoreButtonClick }
 				onMoreButtonItemClick={ this.props.onMoreButtonItemClick }
-				options={ buttonContents }
+				options={ moreOptions }
 			/>
 		);
 	};

diff --git a/client/my-sites/themes/theme-preview.jsx b/client/my-sites/themes/theme-preview.jsx
@@ -1,3 +1,4 @@
+import { isEnabled } from '@automattic/calypso-config';
 import page from '@automattic/calypso-router';
 import { Button } from '@automattic/components';
 import { createHigherOrderComponent } from '@wordpress/compose';
@@ -250,12 +251,16 @@ class ThemePreview extends Component {
 						externalUrl={ demoUrl }
 						belowToolbar={ this.props.belowToolbar }
 					>
-						{ showActionIndicator && <PulsingDot active={ true } /> }
-						{ ! showActionIndicator && this.renderSecondaryButton() }
-						{ ! showActionIndicator &&
-							( this.shouldShowUnlockStyleButton()
-								? this.renderUnlockStyleButton()
-								: this.renderPrimaryButton() ) }
+						{ ! isEnabled( 'themes/tiers' ) && (
+							<>
+								{ showActionIndicator && <PulsingDot active={ true } /> }
+								{ ! showActionIndicator && this.renderSecondaryButton() }
+								{ ! showActionIndicator &&
+									( this.shouldShowUnlockStyleButton()
+										? this.renderUnlockStyleButton()
+										: this.renderPrimaryButton() ) }
+							</>
+						) }
 					</WebPreview>
 				) }
 				{ showUnlockStyleUpgradeModal && (