fix(badges): long names report edit button links to print page with icon

Changed href from /review to /print, added UserRoundPen icon, and
extended the title to include badge ID and name for hover context.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Scott Idem
2026-06-08 19:43:23 -04:00
parent 5cad150b0a
commit 6b3fb36926

View File

@@ -6,6 +6,8 @@ interface Props {
}
let { badge_li, event_id, log_lvl = 0 }: Props = $props();
import { UserRoundPen } from '@lucide/svelte';
type NameField = 'given' | 'family' | 'full';
let name_field: NameField = $state('full');
let threshold: number = $state(20);
@@ -145,9 +147,10 @@ let results: BadgeRow[] = $derived.by(() => {
</td>
<td class="px-3 py-2">
<a
href={`/events/${event_id}/badges/${row.event_badge_id}/review`}
class="btn btn-xs preset-tonal-primary"
title="Review badge">
href={`/events/${event_id}/badges/${row.event_badge_id}/print`}
class="btn btn-xs preset-tonal-primary flex items-center gap-1"
title={`Edit badge · ${row.event_badge_id} · ${row.display_name}`}>
<UserRoundPen size="0.9em" />
Edit
</a>
</td>