From fbfcc7e13fd99b8f82f5f4587e46f88478d2c72b Mon Sep 17 00:00:00 2001
From: Marcus Quinn <marcus@agentdesign.co.uk>
Date: Mon, 17 Mar 2025 00:39:26 +0000
Subject: [PATCH] Fix theme activation functionality to work with new theme
 panel design

---
 admin/js/wp-allstars-admin.js | 43 +++++++++++++++++++----------------
 1 file changed, 24 insertions(+), 19 deletions(-)

diff --git a/admin/js/wp-allstars-admin.js b/admin/js/wp-allstars-admin.js
index 4907580..3dcfde6 100644
--- a/admin/js/wp-allstars-admin.js
+++ b/admin/js/wp-allstars-admin.js
@@ -293,11 +293,11 @@ jQuery(document).ready(function($) {
     // Initialize theme handlers
     function initThemeHandlers() {
         // Install theme
-        $('.theme-browser .theme-actions .install-now').on('click', function(e) {
+        $('.theme-actions .install-now').on('click', function(e) {
             e.preventDefault();
             var $button = $(this);
             var slug = $button.data('slug');
-            var $themeCard = $button.closest('.theme');
+            var $themeCard = $button.closest('.theme-card');
             
             $button.addClass('updating-message').text('Installing...');
             
@@ -317,38 +317,43 @@ jQuery(document).ready(function($) {
                     alert(response.errorMessage);
                 }
             });
-
         });
 
-        
         // Activate theme
-        $('.theme-browser .theme-actions .activate-now').on('click', function(e) {
+        $('.theme-actions .activate-now').on('click', function(e) {
             e.preventDefault();
             var $button = $(this);
-            var url = $button.attr('href');
+            var slug = $button.data('slug');
             
             $button.addClass('updating-message').text('Activating...');
             
+            // Use AJAX to activate the theme
             $.ajax({
-                url: url,
-                dataType: 'html',
-                success: function() {
-                    $button.removeClass('updating-message').addClass('updated-message').text('Activated!');
-                    setTimeout(function() {
-                        $('.theme-browser .theme').removeClass('active');
-                        $button.closest('.theme').addClass('active');
-                        $button.removeClass('activate-now updated-message')
-                               .addClass('button-disabled')
-                               .text('Active');
-                    }, 1000);
+                url: ajaxurl,
+                type: 'POST',
+                data: {
+                    action: 'wp_allstars_activate_theme',
+                    theme: slug,
+                    _wpnonce: wpAllstars.nonce
+                },
+                success: function(response) {
+                    if (response.success) {
+                        $button.removeClass('updating-message').addClass('updated-message').text('Activated!');
+                        setTimeout(function() {
+                            $button.removeClass('activate-now updated-message')
+                                   .addClass('button-disabled')
+                                   .text('Active');
+                        }, 1000);
+                    } else {
+                        $button.removeClass('updating-message').text('Activate');
+                        alert(response.data || 'Failed to activate theme');
+                    }
                 },
                 error: function() {
                     $button.removeClass('updating-message').text('Activate');
                     alert('Failed to activate theme. Please try again or activate from the Themes page.');
                 }
             });
-
         });
-
     }
 });
\ No newline at end of file