URL submission: rate-limit message UI polish #25

New issue

Open

opened 2026-04-26 11:48:23 +02:00 by myrmidex · 0 comments

myrmidex commented

2026-04-26 11:48:23 +02:00

Owner

Context

App\Livewire\UrlSubmissionForm renders rate-limit errors via a plain @error('rate_limit') <p>{{ $message }}</p> @enderror. Functional but bare — when v0.1 ships and we add CSS / general styling, this needs a polish pass.

Acceptance

Visual styling consistent with the form (probably a Tailwind alert/banner class set)
Accessibility: role="alert" + aria-live="polite" so screen readers announce the rate-limit hit
Show retry-after countdown — RateLimiter::availableIn($key) gives seconds remaining; expose as a public component property and render Try again in {{ $retryAfter }}s
Optional: disable the submit button when throttled (wire:loading interactions, @disabled($throttled) etc.)

Notes

Lowest-priority of the v0.2 polish items — only matters if v0.1 actually attracts spam attempts. If pages stays clean for the first month live, deprioritize further.

## Context `App\Livewire\UrlSubmissionForm` renders rate-limit errors via a plain `@error('rate_limit') <p>{{ $message }}</p> @enderror`. Functional but bare — when v0.1 ships and we add CSS / general styling, this needs a polish pass. ## Acceptance - [ ] Visual styling consistent with the form (probably a Tailwind alert/banner class set) - [ ] Accessibility: `role="alert"` + `aria-live="polite"` so screen readers announce the rate-limit hit - [ ] Show retry-after countdown — `RateLimiter::availableIn($key)` gives seconds remaining; expose as a public component property and render `Try again in {{ $retryAfter }}s` - [ ] Optional: disable the submit button when throttled (`wire:loading` interactions, `@disabled($throttled)` etc.) ## Notes - Lowest-priority of the v0.2 polish items — only matters if v0.1 actually attracts spam attempts. If `pages` stays clean for the first month live, deprioritize further.