From 823b703fe97bb52c881c1ad53a0b99c6428970be Mon Sep 17 00:00:00 2001
From: Sergey Biryukov <sergeybiryukov@git.wordpress.org>
Date: Mon, 8 Jun 2020 18:14:19 +0000
Subject: [PATCH] Themes: Show a disabled "Activated" button instead of
 "Activate" for the active theme on Add Themes screen.

Additionally, switch the "Live Preview" label for the active theme to "Customize", for consistency with the Themes screen.

Props afercia, SergeyBiryukov.
Fixes #50334.

git-svn-id: https://develop.svn.wordpress.org/trunk@47924 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/js/_enqueues/wp/theme.js   |  7 ++++++-
 src/wp-admin/theme-install.php | 23 ++++++++++++++++++++---
 2 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/src/js/_enqueues/wp/theme.js b/src/js/_enqueues/wp/theme.js
index 9b3db9a2c8..2115037671 100644
--- a/src/js/_enqueues/wp/theme.js
+++ b/src/js/_enqueues/wp/theme.js
@@ -28,11 +28,16 @@ themes.Model = Backbone.Model.extend({
 	initialize: function() {
 		var description;
 
-		// If theme is already installed, set an attribute.
+		// If the theme is already installed, set an attribute.
 		if ( _.indexOf( themes.data.installedThemes, this.get( 'slug' ) ) !== -1 ) {
 			this.set({ installed: true });
 		}
 
+		// If the theme is active, set an attribute.
+		if ( themes.data.activeTheme === this.get( 'slug' ) ) {
+			this.set({ active: true });
+		}
+
 		// Set the attributes.
 		this.set({
 			// `slug` is for installation, `id` is for existing.
diff --git a/src/wp-admin/theme-install.php b/src/wp-admin/theme-install.php
index 33525661ae..9afa79369f 100644
--- a/src/wp-admin/theme-install.php
+++ b/src/wp-admin/theme-install.php
@@ -72,6 +72,7 @@ wp_localize_script(
 			'selectFeatureFilter' => __( 'Select one or more Theme features to filter by' ),
 		),
 		'installedThemes' => array_keys( $installed_themes ),
+		'activeTheme'     => get_stylesheet(),
 	)
 );
 
@@ -289,10 +290,18 @@ if ( $tab ) {
 					$aria_label = sprintf( _x( 'Activate %s', 'theme' ), '{{ data.name }}' );
 					?>
 					<# if ( data.activate_url ) { #>
-						<a class="button button-primary activate" href="{{ data.activate_url }}" aria-label="<?php echo esc_attr( $aria_label ); ?>"><?php _e( 'Activate' ); ?></a>
+						<# if ( ! data.active ) { #>
+							<a class="button button-primary activate" href="{{ data.activate_url }}" aria-label="<?php echo esc_attr( $aria_label ); ?>"><?php _e( 'Activate' ); ?></a>
+						<# } else { #>
+							<button class="button button-primary disabled"><?php _ex( 'Activated', 'theme' ); ?></button>
+						<# } #>
 					<# } #>
 					<# if ( data.customize_url ) { #>
-						<a class="button load-customize" href="{{ data.customize_url }}"><?php _e( 'Live Preview' ); ?></a>
+						<# if ( ! data.active ) { #>
+							<a class="button load-customize" href="{{ data.customize_url }}"><?php _e( 'Live Preview' ); ?></a>
+						<# } else { #>
+							<a class="button load-customize" href="{{ data.customize_url }}"><?php _e( 'Customize' ); ?></a>
+						<# } #>
 					<# } else { #>
 						<button class="button preview install-theme-preview"><?php _e( 'Preview' ); ?></button>
 					<# } #>
@@ -343,7 +352,15 @@ if ( $tab ) {
 			<button class="next-theme"><span class="screen-reader-text"><?php _e( 'Next theme' ); ?></span></button>
 			<# if ( data.installed ) { #>
 				<# if ( data.compatible_wp && data.compatible_php ) { #>
-					<a class="button button-primary activate" href="{{ data.activate_url }}"><?php _e( 'Activate' ); ?></a>
+					<?php
+					/* translators: %s: Theme name. */
+					$aria_label = sprintf( _x( 'Activate %s', 'theme' ), '{{ data.name }}' );
+					?>
+					<# if ( ! data.active ) { #>
+						<a class="button button-primary activate" href="{{ data.activate_url }}" aria-label="<?php echo esc_attr( $aria_label ); ?>"><?php _e( 'Activate' ); ?></a>
+					<# } else { #>
+						<button class="button button-primary disabled"><?php _ex( 'Activated', 'theme' ); ?></button>
+					<# } #>
 				<# } else { #>
 					<a class="button button-primary disabled" ><?php _ex( 'Cannot Activate', 'theme' ); ?></a>
 				<# } #>