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>
@@ -1,9 +1,12 @@
import { useMemo } from 'preact/hooks';
import {
BookUser,
CreditCard,
FileKey2,
Globe,
IdCard,
KeyRound,
Landmark,
ShieldUser,
StickyNote,
} from 'lucide-preact';
@@ -214,9 +217,9 @@ export function CreateTypeIcon({ type }: { type: number }) {
if (type === 4) return <ShieldUser size={15} />;
if (type === 2) return <StickyNote size={15} />;
if (type === 5) return <KeyRound size={15} />;
if (type === 6) return <CreditCard size={15} />;
if (type === 7) return <ShieldUser size={15} />;
if (type === 8) return <FileKey2 size={15} />;
if (type === 6) return <Landmark size={15} />;
if (type === 7) return <IdCard size={15} />;
if (type === 8) return <BookUser size={15} />;
return <FileKey2 size={15} />;
}
@@ -278,9 +281,9 @@ export function TypeIcon({ type }: { type: number }) {
if (type === 4) return <ShieldUser size={18} />;
if (type === 2) return <StickyNote size={18} />;
if (type === 5) return <KeyRound size={18} />;
if (type === 6) return <CreditCard size={18} />;
if (type === 7) return <ShieldUser size={18} />;
if (type === 8) return <FileKey2 size={18} />;
if (type === 6) return <Landmark size={18} />;
if (type === 7) return <IdCard size={18} />;
if (type === 8) return <BookUser size={18} />;
return <FileKey2 size={18} />;
}