Skip to content

Improve async validation UX in the support form #348

Description

@Abidoyesimze

Summary

Support form async validation lacks clear loading, cancellation, and field-level feedback.

Affected files

  • src/components/help/SupportForm.tsx
  • src/lib/form-validation.ts

Tasks

  • Show per-field loading during async validation.
  • Cancel in-flight validation when input changes.
  • Surface clearer inline error messages.

Acceptance criteria

  • Scope is limited to the files listed (or agreed alternatives in the PR).
  • Change is verifiable: tests, screenshots, or written QA steps in the PR.
  • No behavior regressions in related user flows.
  • No new duplicate abstractions without a one-line rationale in the PR.

Suggested labels

cleanup, a11y, ux

Notes

Standalone cleanup issue from CLEANUP_ISSUES_2026-05.md. Complements the audit queue and product backlog.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions