fix: version real en pie del menu + logo abajo-izquierda
El pie del menu lateral mostraba el texto fijo "v0.1.0" en vez de la version real (se lee ahora de package.json via import JSON de Vite). El logo de LinkedCorp se mueve del encabezado del menu al pie, sobre el numero de version, en modo expandido y compacto. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
@@ -5,6 +5,7 @@ import { useAuth } from '../context/auth-context.jsx';
|
||||
import logoDark from '../assets/logoLinkedCorpTxt.png';
|
||||
import logoLight from '../assets/logoLinkedCorpTxtBlack.png';
|
||||
import logoIcon from '../assets/logoLinked1.png';
|
||||
import pkg from '../../package.json';
|
||||
|
||||
const ITEMS = [
|
||||
{ to: '/', icon: LayoutDashboard, labelKey: 'nav_dashboard', end: true },
|
||||
@@ -21,13 +22,6 @@ export function NavigationView({ mode }) {
|
||||
const items = ITEMS.filter((item) => !item.superadminOnly || user?.roleCode === 'superadmin');
|
||||
return (
|
||||
<nav className={`nav-view ${mode}`}>
|
||||
<div className="nav-header">
|
||||
{compact ? (
|
||||
<img src={logoIcon} alt={t('appName')} className="nav-logo-icon" />
|
||||
) : (
|
||||
<img src={theme === 'light' ? logoLight : logoDark} alt={t('appName')} className="nav-logo-full" />
|
||||
)}
|
||||
</div>
|
||||
<div className="nav-items">
|
||||
{items.map((item) => (
|
||||
<NavLink key={item.to} to={item.to} end={item.end} className={({ isActive }) => `nav-item ${isActive ? 'active' : ''}`}>
|
||||
@@ -36,7 +30,16 @@ export function NavigationView({ mode }) {
|
||||
</NavLink>
|
||||
))}
|
||||
</div>
|
||||
{mode !== 'compact' && <div className="nav-footer">v0.1.0</div>}
|
||||
<div className="nav-footer">
|
||||
{compact ? (
|
||||
<img src={logoIcon} alt={t('appName')} className="nav-logo-icon-footer" />
|
||||
) : (
|
||||
<>
|
||||
<img src={theme === 'light' ? logoLight : logoDark} alt={t('appName')} className="nav-logo-full-footer" />
|
||||
<span className="nav-version">v{pkg.version}</span>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
</nav>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user