feat(ui): usa el logo real de LinkedCorp en vez del placeholder "LC"
Reemplaza el cuadro "LC" del NavigationView y del login por los logos oficiales de /desarrollo/imgLinkedCorp: logoLinkedCorpTxtBlack (tema claro, texto negro) y logoLinkedCorpTxt (tema oscuro, texto blanco), elegido segun el tema activo. En modo compacto del sidebar (sin espacio para el texto) se usa el isotipo redondo (logoLinked1) en vez del logo con texto. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
@@ -1,6 +1,9 @@
|
||||
import { NavLink } from 'react-router-dom';
|
||||
import { LayoutDashboard, FolderKanban, Building2, Settings } from 'lucide-react';
|
||||
import { useUi } from '../context/ui-context.jsx';
|
||||
import logoDark from '../assets/logoLinkedCorpTxt.png';
|
||||
import logoLight from '../assets/logoLinkedCorpTxtBlack.png';
|
||||
import logoIcon from '../assets/logoLinked1.png';
|
||||
|
||||
const ITEMS = [
|
||||
{ to: '/', icon: LayoutDashboard, labelKey: 'nav_dashboard', end: true },
|
||||
@@ -10,12 +13,16 @@ const ITEMS = [
|
||||
];
|
||||
|
||||
export function NavigationView({ mode }) {
|
||||
const { t } = useUi();
|
||||
const { t, theme } = useUi();
|
||||
const compact = mode === 'compact';
|
||||
return (
|
||||
<nav className={`nav-view ${mode}`}>
|
||||
<div className="nav-header">
|
||||
<div className="nav-logo">LC</div>
|
||||
{mode !== 'compact' && <div className="nav-title">{t('appName')}</div>}
|
||||
{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) => (
|
||||
|
||||
Reference in New Issue
Block a user