feat(ui): add PersonTypeBadge to person list and detail pages
Show colored badge for non-PERSON types per design spec: - INSTITUTION: blue with building icon - GROUP: purple with people icon - UNKNOWN: amber with question mark icon - PERSON: no badge (unmarked default) Badge appears on person cards in list and on detail page. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -3,6 +3,7 @@ import { goto } from '$app/navigation';
|
||||
import { untrack } from 'svelte';
|
||||
import { m } from '$lib/paraglide/messages.js';
|
||||
import { formatLifeDateRange } from '$lib/utils/personLifeDates';
|
||||
import PersonTypeBadge from '$lib/components/PersonTypeBadge.svelte';
|
||||
import PersonsStatsBar from './PersonsStatsBar.svelte';
|
||||
import PersonsEmptyState from './PersonsEmptyState.svelte';
|
||||
|
||||
@@ -107,6 +108,10 @@ function handleSearch() {
|
||||
{person.displayName}
|
||||
</p>
|
||||
|
||||
{#if person.personType && person.personType !== 'PERSON'}
|
||||
<PersonTypeBadge personType={person.personType} />
|
||||
{/if}
|
||||
|
||||
<!-- Alias -->
|
||||
{#if person.alias}
|
||||
<p class="font-sans text-xs text-ink-2 italic">„{person.alias}"</p>
|
||||
|
||||
Reference in New Issue
Block a user