fix: clarify extended cipher type icons

This commit is contained in:
shuaiplus
2026-07-06 00:56:57 +08:00
parent 109593da90
commit 9de0d3bd87
2 changed files with 15 additions and 9 deletions
+6 -3
View File
@@ -3,6 +3,7 @@ import type { RefObject } from 'preact';
import {
Archive,
ArrowUpDown,
BookUser,
Check,
Copy,
CreditCard,
@@ -10,7 +11,9 @@ import {
FolderPlus,
FolderX,
Globe,
IdCard,
KeyRound,
Landmark,
LayoutGrid,
Pencil,
ShieldUser,
@@ -118,16 +121,16 @@ export default function VaultSidebar(props: VaultSidebarProps) {
<CreditCard size={14} className="tree-icon" /> <span className="tree-label">{t('txt_card')}</span>
</button>
<button type="button" className={`tree-btn ${props.sidebarFilter.kind === 'type' && props.sidebarFilter.value === 'bank' ? 'active' : ''}`} onClick={() => props.onChangeFilter({ kind: 'type', value: 'bank' })}>
<CreditCard size={14} className="tree-icon" /> <span className="tree-label">{t('txt_bank_account')}</span>
<Landmark size={14} className="tree-icon" /> <span className="tree-label">{t('txt_bank_account')}</span>
</button>
<button type="button" className={`tree-btn ${props.sidebarFilter.kind === 'type' && props.sidebarFilter.value === 'identity' ? 'active' : ''}`} onClick={() => props.onChangeFilter({ kind: 'type', value: 'identity' })}>
<ShieldUser size={14} className="tree-icon" /> <span className="tree-label">{t('txt_identity')}</span>
</button>
<button type="button" className={`tree-btn ${props.sidebarFilter.kind === 'type' && props.sidebarFilter.value === 'license' ? 'active' : ''}`} onClick={() => props.onChangeFilter({ kind: 'type', value: 'license' })}>
<ShieldUser size={14} className="tree-icon" /> <span className="tree-label">{t('txt_drivers_license')}</span>
<IdCard size={14} className="tree-icon" /> <span className="tree-label">{t('txt_drivers_license')}</span>
</button>
<button type="button" className={`tree-btn ${props.sidebarFilter.kind === 'type' && props.sidebarFilter.value === 'passport' ? 'active' : ''}`} onClick={() => props.onChangeFilter({ kind: 'type', value: 'passport' })}>
<KeyRound size={14} className="tree-icon" /> <span className="tree-label">{t('txt_passport')}</span>
<BookUser size={14} className="tree-icon" /> <span className="tree-label">{t('txt_passport')}</span>
</button>
<button type="button" className={`tree-btn ${props.sidebarFilter.kind === 'type' && props.sidebarFilter.value === 'note' ? 'active' : ''}`} onClick={() => props.onChangeFilter({ kind: 'type', value: 'note' })}>
<StickyNote size={14} className="tree-icon" /> <span className="tree-label">{t('txt_note')}</span>