Ticket #42365: 42365.4.diff

src/wp-admin/css/customize-controls.css

@@ -2030 +2030 @@
         display: none;
 }
 
-.themes-section-installed_themes .theme .notice-success {
+.themes-section-installed_themes .theme .notice-success:not(.updated-message) {
         display: none; /* Hide "installed" notice on installed themes tab. */
 }
 

src/wp-admin/js/customize-controls.js

@@ -3347 +3347 @@
                                 api.control.each( function( control ) {
                                         if ( 'theme' === control.params.type && control.params.theme.id === response.slug ) {
                                                 control.params.theme.hasUpdate = false;
-                                                control.rerenderAsInstalled( true );
+                                                control.params.theme.version = response.newVersion;
+                                                setTimeout( function() { control.rerenderAsInstalled( true ); }, 2000 );
                                         }
                                 });
                         } );

src/wp-admin/js/updates.js

@@ -937 +937 @@
                 } else if ( 'customize' === pagenow ) {
 
                         // Update the theme details UI.
-                        $notice = $( '#update-theme' ).closest( '.notice' ).removeClass( 'notice-large' );
+                        $notice = $( '[data-slug="' + args.slug + '"].notice' ).removeClass( 'notice-large' );
 
                         $notice.find( 'h3' ).remove();
 
@@ -988 +988 @@
                         $notice, newText;
 
                 if ( 'customize' === pagenow ) {
-                        $theme = wp.customize.control( 'installed_theme_' + response.slug ).container;
-                }
+                        $theme = $( '.updating-message' ).siblings( '.theme-name' );
 
-                if ( 'themes-network' === pagenow ) {
+                        if ( $theme.length ) {
+
+                                // Update the version number in the row.
+                                newText = $theme.html().replace( response.oldVersion, response.newVersion );
+                                $theme.html( newText );
+                        }
+
+                        $notice = $( '.theme-info .notice' ).add( wp.customize.control( 'installed_theme_' + response.slug ).container.find( '.theme' ).find( '.update-message' ) );
+                } else if ( 'themes-network' === pagenow ) {
                         $notice = $theme.find( '.update-message' );
 
                         // Update the version number in the row.
@@ -1016 +1023 @@
                 $document.trigger( 'wp-theme-update-success', response );
 
                 // Show updated message after modal re-rendered.
-                if ( isModalOpen ) {
+                if ( isModalOpen && 'customize' !== pagenow ) {
                         $( '.theme-info .theme-author' ).after( wp.updates.adminNotice( updatedMessage ) );
                 }
         };
@@ -1046 +1053 @@
                 }
 
                 if ( 'customize' === pagenow ) {
-                        $theme = wp.customize.control( 'installed_theme_' + response.slug ).container;
+                        $theme = wp.customize.control( 'installed_theme_' + response.slug ).container.find( '.theme' );
                 }
 
                 if ( 'themes-network' === pagenow ) {

src/wp-includes/customize/class-wp-customize-themes-section.php

@@ -69 +69 @@
          * @since 4.9.0
          */
         protected function render_template() {
+                wp_localize_script( 'updates', '_wpUpdatesItemCounts', array(
+                        'totals' => wp_get_update_data(),
+                ) );
                 ?>
                 <li id="accordion-section-{{ data.id }}" class="theme-section">
                         <button type="button" class="customize-themes-section-title themes-section-{{ data.id }}">{{ data.title }}</button>