From 86d5ffea862dc5ee6358d0e2c35833b53b20e4d4 Mon Sep 17 00:00:00 2001
From: rafael <rafaelminaya20@hotmail.com>
Date: Sat, 22 Nov 2025 22:07:50 -0400
Subject: [PATCH] Update header credits badge with reload functionality and
 remove redundant button

Improved the header credits badge by adding a click-to-reload feature, replacing the separate reload button for a cleaner UI. Enhanced interactivity with a pointer cursor and updated tooltip.
---
 src/components/Layout/Header.js | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/components/Layout/Header.js b/src/components/Layout/Header.js
index 5e74bcb..c7172f7 100644
--- a/src/components/Layout/Header.js
+++ b/src/components/Layout/Header.js
@@ -12,17 +12,15 @@ const Header = ({ title = 'Dashboard', credits = 0, onReloadCredits }) => {
       </div>
       <div className="header-actions">
         <div className="header-credits">
-          <span className="credits-badge" title="Créditos disponibles">
+          <span
+            className="credits-badge"
+            title="Créditos disponibles (clic para recargar)"
+            onClick={() => onReloadCredits && onReloadCredits()}
+            style={{ cursor: 'pointer' }}
+          >
             <i className="fas fa-coins"></i>
             Créditos: {credits}
           </span>
-          <button
-            className="btn btn-sm btn-outline"
-            onClick={() => onReloadCredits && onReloadCredits()}
-            title="Recargar créditos"
-          >
-            <i className="fas fa-sync-alt"></i> Recargar
-          </button>
         </div>
       </div>
     </div>