修复创建群聊名称长度上限与编辑页不一致的问题(第6章复测发现)

创建群聊弹窗的名称输入框 maxLength 是30,但群资料页的编辑器(GroupNameEditor)
是11——两者编辑的是同一个 group.name 字段,建群时能起最多30字的名字,进编辑页
却连原样保存都做不到(打不满30个字符,且无法回退到超过11字的原值)。

核对参考图 设置昵称(1).png:这个字段的编辑器明确画的是"0/11"上限,没有任何一张
图支持30。后端本身不做长度限制(实测 PATCH 17 字符的名称成功),11 纯粹是前端自
己的约束,应该是创建页和编辑页保持一致,而不是让创建页放宽成一个没有依据的数字。

改为创建弹窗也用 maxLength="11",跟编辑页对齐。

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Your Name
2026-09-04 14:46:25 +08:00
co-authored by Claude Opus 5
parent 211d93a0e4
commit 3a78c40389
3 changed files with 16 additions and 5 deletions
+9 -1
View File
@@ -232,7 +232,12 @@ function GroupList({tinode, onToast}) {
</main>
{creating ? <div className="group-modal-backdrop"><section className="group-modal">
<h2>创建群聊</h2>
<label>群名称<input autoFocus value={name} maxLength="30" onChange={event => setName(event.target.value)} placeholder="输入群名称" /></label>
{/* 参考图 设置昵称(1).png 明确把这同一个字段(group.name)的上限画成 11 字(0/11)——
这里原来是 30,跟编辑页的 11 对不上:建群时能起最多 30 字的名字,之后进编辑页
却连打字都打不过 11 位,改不回原来的长度。后端本身没有强制 11(今天实测 PATCH 17 字
成功),11 纯粹是这一份参考图给的前端约束,创建页应该和它保持一致,而不是反过来放宽
编辑页——市面上没有任何参考图支持 30 这个数字。 */}
<label>群名称<input autoFocus value={name} maxLength="11" onChange={event => setName(event.target.value)} placeholder="输入群名称" /></label>
<p>创建后可继续邀请成员和设置群资料。</p>
<footer>
<button type="button" onClick={() => setCreating(false)}>取消</button>
@@ -954,6 +959,9 @@ function bytesToGB(bytes) {
return (bytes / (1024 * 1024 * 1024)).toFixed(2) + ' GB';
}
// 标题"群昵称"是参考图 设置昵称(1).png 本身的用词(不是笔误)——虽然编辑的其实是 group.name
// 这个所有人都看得到的真实群名,跟 MyNicknameEditor("我在本群的昵称",个人在群内的显示名,
// 完全不同的字段)概念上容易混,但这是设计稿明确画出来的文案,不是代码猜的,不要改。
function GroupNameEditor({topic, onToast}) {
const [group, setGroup] = React.useState(null);
const [value, setValue] = React.useState('');