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