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 { import {
Archive, Archive,
ArrowUpDown, ArrowUpDown,
BookUser,
Check, Check,
Copy, Copy,
CreditCard, CreditCard,
@@ -10,7 +11,9 @@ import {
FolderPlus, FolderPlus,
FolderX, FolderX,
Globe, Globe,
IdCard,
KeyRound, KeyRound,
Landmark,
LayoutGrid, LayoutGrid,
Pencil, Pencil,
ShieldUser, 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> <CreditCard size={14} className="tree-icon" /> <span className="tree-label">{t('txt_card')}</span>
</button> </button>
<button type="button" className={`tree-btn ${props.sidebarFilter.kind === 'type' && props.sidebarFilter.value === 'bank' ? 'active' : ''}`} onClick={() => props.onChangeFilter({ kind: 'type', value: 'bank' })}> <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>
<button type="button" className={`tree-btn ${props.sidebarFilter.kind === 'type' && props.sidebarFilter.value === 'identity' ? 'active' : ''}`} onClick={() => props.onChangeFilter({ kind: 'type', value: 'identity' })}> <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> <ShieldUser size={14} className="tree-icon" /> <span className="tree-label">{t('txt_identity')}</span>
</button> </button>
<button type="button" className={`tree-btn ${props.sidebarFilter.kind === 'type' && props.sidebarFilter.value === 'license' ? 'active' : ''}`} onClick={() => props.onChangeFilter({ kind: 'type', value: 'license' })}> <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>
<button type="button" className={`tree-btn ${props.sidebarFilter.kind === 'type' && props.sidebarFilter.value === 'passport' ? 'active' : ''}`} onClick={() => props.onChangeFilter({ kind: 'type', value: 'passport' })}> <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>
<button type="button" className={`tree-btn ${props.sidebarFilter.kind === 'type' && props.sidebarFilter.value === 'note' ? 'active' : ''}`} onClick={() => props.onChangeFilter({ kind: 'type', value: 'note' })}> <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> <StickyNote size={14} className="tree-icon" /> <span className="tree-label">{t('txt_note')}</span>
@@ -1,9 +1,12 @@
import { useMemo } from 'preact/hooks'; import { useMemo } from 'preact/hooks';
import { import {
BookUser,
CreditCard, CreditCard,
FileKey2, FileKey2,
Globe, Globe,
IdCard,
KeyRound, KeyRound,
Landmark,
ShieldUser, ShieldUser,
StickyNote, StickyNote,
} from 'lucide-preact'; } from 'lucide-preact';
@@ -214,9 +217,9 @@ export function CreateTypeIcon({ type }: { type: number }) {
if (type === 4) return <ShieldUser size={15} />; if (type === 4) return <ShieldUser size={15} />;
if (type === 2) return <StickyNote size={15} />; if (type === 2) return <StickyNote size={15} />;
if (type === 5) return <KeyRound size={15} />; if (type === 5) return <KeyRound size={15} />;
if (type === 6) return <CreditCard size={15} />; if (type === 6) return <Landmark size={15} />;
if (type === 7) return <ShieldUser size={15} />; if (type === 7) return <IdCard size={15} />;
if (type === 8) return <FileKey2 size={15} />; if (type === 8) return <BookUser size={15} />;
return <FileKey2 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 === 4) return <ShieldUser size={18} />;
if (type === 2) return <StickyNote size={18} />; if (type === 2) return <StickyNote size={18} />;
if (type === 5) return <KeyRound size={18} />; if (type === 5) return <KeyRound size={18} />;
if (type === 6) return <CreditCard size={18} />; if (type === 6) return <Landmark size={18} />;
if (type === 7) return <ShieldUser size={18} />; if (type === 7) return <IdCard size={18} />;
if (type === 8) return <FileKey2 size={18} />; if (type === 8) return <BookUser size={18} />;
return <FileKey2 size={18} />; return <FileKey2 size={18} />;
} }