From 755bfbd206546a5f8692aebc97118fa1743ef895 Mon Sep 17 00:00:00 2001
From: FrankZamora <prime.leads.app@gmail.com>
Date: Wed, 12 Nov 2025 15:25:47 -0600
Subject: [PATCH] feat(admin-panel): Add navbar component JS enqueue
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fix critical bug where navbar configuration was not being saved.
The component-navbar.js file existed but was not being loaded by WordPress,
causing window.NavbarComponent to be undefined and preventing data collection.

Changes:
- Added wp_enqueue_script for component-navbar.js (lines 126-133)
- Updated admin-app.js dependencies to include navbar component (line 139)

Impact: Navbar settings now save correctly to database

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../admin/includes/class-admin-menu.php       | 40 +++++++++++++++++--
 1 file changed, 37 insertions(+), 3 deletions(-)

diff --git a/admin-panel/admin/includes/class-admin-menu.php b/admin-panel/admin/includes/class-admin-menu.php
index 3378bb9f..d0042717 100644
--- a/admin-panel/admin/includes/class-admin-menu.php
+++ b/admin-panel/admin/includes/class-admin-menu.php
@@ -72,7 +72,7 @@ class APUS_Admin_Menu {
 			'1.11.1'
 		);
 
-		// Admin Panel CSS
+		// Admin Panel CSS (Core)
 		wp_enqueue_style(
 			'apus-admin-panel-css',
 			APUS_ADMIN_PANEL_URL . 'admin/assets/css/admin-panel.css',
@@ -80,6 +80,22 @@ class APUS_Admin_Menu {
 			APUS_ADMIN_PANEL_VERSION
 		);
 
+		// Frontend Component: Top Bar CSS (para preview - reusa el CSS del frontend)
+		wp_enqueue_style(
+			'apus-frontend-top-bar-css',
+			get_template_directory_uri() . '/assets/css/componente-top-bar.css',
+			array('apus-admin-panel-css'),
+			APUS_ADMIN_PANEL_VERSION
+		);
+
+		// Component: Top Bar CSS (estilos admin específicos)
+		wp_enqueue_style(
+			'apus-component-top-bar-css',
+			APUS_ADMIN_PANEL_URL . 'admin/assets/css/component-top-bar.css',
+			array('apus-frontend-top-bar-css'),
+			APUS_ADMIN_PANEL_VERSION
+		);
+
 		// Bootstrap 5.3.2 JS
 		wp_enqueue_script(
 			'bootstrap',
@@ -98,11 +114,29 @@ class APUS_Admin_Menu {
 			true
 		);
 
-		// Admin Panel JS
+		// Component: Top Bar JS (cargar antes de admin-app.js)
+		wp_enqueue_script(
+			'apus-component-top-bar-js',
+			APUS_ADMIN_PANEL_URL . 'admin/assets/js/component-top-bar.js',
+			array('jquery'),
+			APUS_ADMIN_PANEL_VERSION,
+			true
+		);
+
+		// Component: Navbar JS (cargar antes de admin-app.js)
+		wp_enqueue_script(
+			'apus-component-navbar-js',
+			APUS_ADMIN_PANEL_URL . 'admin/assets/js/component-navbar.js',
+			array('jquery'),
+			APUS_ADMIN_PANEL_VERSION,
+			true
+		);
+
+		// Admin Panel JS (Core - depende de componentes)
 		wp_enqueue_script(
 			'apus-admin-panel-js',
 			APUS_ADMIN_PANEL_URL . 'admin/assets/js/admin-app.js',
-			array('jquery', 'axios'),
+			array('jquery', 'axios', 'apus-component-top-bar-js', 'apus-component-navbar-js'),
 			APUS_ADMIN_PANEL_VERSION,
 			true
 		);