whisper-money/resources/js/components/labels
Víctor Falcón faccbc3c5a
refactor(js): use InputError for inline form errors (#483)
## What

15 hand-rolled `{errors.x && <p className="text-sm
text-red-500">...</p>}` blocks across 6 components (label/category
create+edit dialogs, automation-rule form, rule builder) replaced with
the existing `InputError` component.

Bonus: `InputError` uses `text-red-600 dark:text-red-400` — the inline
copies had **no dark-mode variant** (CLAUDE.md requires dark-mode
support).

## Stats

- **-63 / +21 lines**

## Checks

- `bun run test` — 154 passed
- `bun run lint` / `format` — clean (1 pre-existing warning)
- `tsc --noEmit` — 59 pre-existing errors, none new

Part of duplication-removal series (#475–#482).
2026-06-03 19:01:21 +02:00
..
create-label-dialog.tsx refactor(js): use InputError for inline form errors (#483) 2026-06-03 19:01:21 +02:00
delete-label-dialog.tsx feat: Spanish localization (#74) 2026-02-08 11:58:08 +01:00
edit-label-dialog.tsx refactor(js): use InputError for inline form errors (#483) 2026-06-03 19:01:21 +02:00