diff options
Diffstat (limited to 'src/lib/components')
| -rw-r--r-- | src/lib/components/StatusBadge.svelte | 15 |
1 files changed, 11 insertions, 4 deletions
diff --git a/src/lib/components/StatusBadge.svelte b/src/lib/components/StatusBadge.svelte index babcbfa..3747270 100644 --- a/src/lib/components/StatusBadge.svelte +++ b/src/lib/components/StatusBadge.svelte @@ -18,9 +18,16 @@ ? 'status bg-accent text-white' : 'status bg-danger text-white', ); + + const icon = $derived( + status === 'ok' ? '✓' : status === 'due' ? '◷' : status === 'late' ? '!' : '‼', + ); + + const label = $derived( + overdueDays > 0 + ? `${STATUS_LABELS[status]} (${overdueDays} j)` + : STATUS_LABELS[status], + ); </script> -<span class={className}> - {STATUS_LABELS[status]}{#if overdueDays > 0} - ({overdueDays} j){/if} -</span> +<span class={className} role="img" aria-label={label} title={label}>{icon}</span> |