fix: version 2.8.5 -- boton para volver a ocultar el catalogo de marcas

Al "+" para desplegar los logos de marca le faltaba su contraparte: un boton "-" junto al
titulo del bloque para volver a colapsarlo.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Milton Gonzalez
2026-10-01 16:26:10 -05:00
parent de5984b9d6
commit 2dd2aeae8c
7 changed files with 34 additions and 13 deletions
@@ -1,7 +1,7 @@
import { useEffect, useState } from 'react';
import { useNavigate } from 'react-router-dom';
import {
Plus, Trash2, Eye, EyeOff, Copy, Pencil, Save, X, RefreshCw, ShieldAlert, MoreVertical,
Plus, Minus, Trash2, Eye, EyeOff, Copy, Pencil, Save, X, RefreshCw, ShieldAlert, MoreVertical,
Mail, Globe, Server, Database, Cloud, Shield, Lock, Wifi, CreditCard, Building2, Printer,
Smartphone, KeyRound, HardDrive, Router, UserCog,
} from 'lucide-react';
@@ -361,18 +361,31 @@ export default function ContrasenasPage() {
))}
</div>
{showBrandIcons ? (
<div className="vault-icon-picker vault-icon-picker-brands">
{Object.entries(BRAND_ICONS).map(([key, icon]) => (
<div>
<div className="vault-icon-brands-header">
<span className="text-muted" style={{ fontSize: '.72rem' }}>{t('vault_icon_more')}</span>
<button
type="button"
key={key}
className={`vault-icon-option brand ${form.iconKey === key ? 'selected' : ''}`}
title={icon.title}
onClick={() => setForm((f) => ({ ...f, iconKey: key }))}
className="icon-btn"
title={t('vault_icon_less')}
onClick={() => setShowBrandIcons(false)}
>
<BrandSvg icon={icon} size={16} />
<Minus size={14} />
</button>
))}
</div>
<div className="vault-icon-picker vault-icon-picker-brands">
{Object.entries(BRAND_ICONS).map(([key, icon]) => (
<button
type="button"
key={key}
className={`vault-icon-option brand ${form.iconKey === key ? 'selected' : ''}`}
title={icon.title}
onClick={() => setForm((f) => ({ ...f, iconKey: key }))}
>
<BrandSvg icon={icon} size={16} />
</button>
))}
</div>
</div>
) : (
<button