devlab/schedule
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update header credits badge with reload functionality and remove redundant button

Browse Source 
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.
This commit is contained in:
rafael
2025-11-22 22:07:50 -04:00
parent cec976c606
commit 86d5ffea86
1 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Layout/Header.js
View File

@@ -12,17 +12,15 @@ const Header = ({ title = 'Dashboard', credits = 0, onReloadCredits }) => {
</div> </div>
<div className="header-actions"> <div className="header-actions">
<div className="header-credits"> <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> <i className="fas fa-coins"></i>
Créditos: {credits} Créditos: {credits}
</span> </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> </div>
</div> </div>