fix(20): IN-02 add maxLength to display-name and username inputs

Add maxLength={256} to the edit-mode and create-mode display-name inputs,
and maxLength={128} to the create-mode username input, matching the server-
side Zod schema limits. This surfaces the constraint client-side instead of
letting a long entry reach the server and return a generic 400.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Lucas Berger
2026-06-18 18:03:20 -04:00
co-authored by Claude Sonnet 4.6
parent 400733fdc7
commit 182ba1d477
@@ -497,6 +497,7 @@ export function MemberEditorSheet({
<input <input
id="editor-display-name" id="editor-display-name"
type="text" type="text"
maxLength={256}
value={displayName} value={displayName}
onChange={(e) => setDisplayName(e.target.value)} onChange={(e) => setDisplayName(e.target.value)}
aria-describedby={profileError ? 'profile-error' : undefined} aria-describedby={profileError ? 'profile-error' : undefined}
@@ -822,6 +823,7 @@ export function MemberEditorSheet({
<input <input
id="create-display-name" id="create-display-name"
type="text" type="text"
maxLength={256}
value={createDisplayName} value={createDisplayName}
onChange={(e) => setCreateDisplayName(e.target.value)} onChange={(e) => setCreateDisplayName(e.target.value)}
aria-describedby={createError ? 'create-error' : undefined} aria-describedby={createError ? 'create-error' : undefined}
@@ -837,6 +839,7 @@ export function MemberEditorSheet({
<input <input
id="create-username" id="create-username"
type="text" type="text"
maxLength={128}
autoComplete="off" autoComplete="off"
spellCheck={false} spellCheck={false}
autoCapitalize="none" autoCapitalize="none"