ui: drop the "← pick a reference" placeholder in the award ref selector

Empty-state dashed box added clutter; show nothing until a reference is picked.
This commit is contained in:
2026-07-25 02:48:06 +02:00
parent 8c1b7af5b3
commit 18b69ee8b4
+2 -6
View File
@@ -216,8 +216,8 @@ export function AwardRefSelector({ dxcc, value, onChange, fieldValues, heightCla
<span className="font-mono truncate text-[11px]">{selectedRef?.subgrp || '—'}</span> <span className="font-mono truncate text-[11px]">{selectedRef?.subgrp || '—'}</span>
</div> </div>
{/* Selected ref chip */} {/* Selected ref chip (nothing shown until one is picked) */}
{selectedRef ? ( {selectedRef && (
<div className="flex items-center gap-1.5 h-6 px-2 rounded border border-success-border bg-success-muted text-success-muted-foreground text-xs min-w-0"> <div className="flex items-center gap-1.5 h-6 px-2 rounded border border-success-border bg-success-muted text-success-muted-foreground text-xs min-w-0">
<span className="font-mono font-semibold shrink-0">{selectedRef.code}</span> <span className="font-mono font-semibold shrink-0">{selectedRef.code}</span>
<span className="truncate text-[10px] text-success-muted-foreground">{selectedRef.name}</span> <span className="truncate text-[10px] text-success-muted-foreground">{selectedRef.name}</span>
@@ -225,10 +225,6 @@ export function AwardRefSelector({ dxcc, value, onChange, fieldValues, heightCla
<X className="size-3" /> <X className="size-3" />
</button> </button>
</div> </div>
) : (
<div className="h-6 flex items-center px-2 text-[11px] text-muted-foreground italic border border-dashed border-border rounded">
{t('awrs.pickReference')}
</div>
)} )}
{/* Add — references are always scoped to the contacted DXCC */} {/* Add — references are always scoped to the contacted DXCC */}