Disable space fields whilst their form is busy

pull/21833/head
Michael Telatynski 2021-05-12 13:30:00 +01:00
parent 5d02e44293
commit 2c89be312a
3 changed files with 8 additions and 4 deletions

View File

@ -451,6 +451,7 @@ const SpaceSetupFirstRooms = ({ space, title, description, onFinished }) => {
value={roomNames[i]} value={roomNames[i]}
onChange={ev => setRoomName(i, ev.target.value)} onChange={ev => setRoomName(i, ev.target.value)}
autoFocus={i === 2} autoFocus={i === 2}
disabled={busy}
/>; />;
}); });
@ -658,6 +659,7 @@ const SpaceSetupPrivateInvite = ({ space, onFinished }) => {
ref={fieldRefs[i]} ref={fieldRefs[i]}
onValidate={validateEmailRules} onValidate={validateEmailRules}
autoFocus={i === 0} autoFocus={i === 0}
disabled={busy}
/>; />;
}); });

View File

@ -116,13 +116,13 @@ const SpaceSettingsDialog: React.FC<IProps> = ({ matrixClient: cli, space, onFin
<SpaceBasicSettings <SpaceBasicSettings
avatarUrl={avatarUrlForRoom(space, 80, 80, "crop")} avatarUrl={avatarUrlForRoom(space, 80, 80, "crop")}
avatarDisabled={!canSetAvatar} avatarDisabled={busy || !canSetAvatar}
setAvatar={setNewAvatar} setAvatar={setNewAvatar}
name={name} name={name}
nameDisabled={!canSetName} nameDisabled={busy || !canSetName}
setName={setName} setName={setName}
topic={topic} topic={topic}
topicDisabled={!canSetTopic} topicDisabled={busy || !canSetTopic}
setTopic={setTopic} setTopic={setTopic}
/> />

View File

@ -178,7 +178,7 @@ const SpaceCreateMenu = ({ onFinished }) => {
</p> </p>
<form className="mx_SpaceBasicSettings" onSubmit={onSpaceCreateClick}> <form className="mx_SpaceBasicSettings" onSubmit={onSpaceCreateClick}>
<SpaceAvatar setAvatar={setAvatar} /> <SpaceAvatar setAvatar={setAvatar} avatarDisabled={busy} />
<Field <Field
name="spaceName" name="spaceName"
@ -188,6 +188,7 @@ const SpaceCreateMenu = ({ onFinished }) => {
onChange={ev => setName(ev.target.value)} onChange={ev => setName(ev.target.value)}
ref={spaceNameField} ref={spaceNameField}
onValidate={spaceNameValidator} onValidate={spaceNameValidator}
disabled={busy}
/> />
<Field <Field
@ -197,6 +198,7 @@ const SpaceCreateMenu = ({ onFinished }) => {
value={topic} value={topic}
onChange={ev => setTopic(ev.target.value)} onChange={ev => setTopic(ev.target.value)}
rows={3} rows={3}
disabled={busy}
/> />
</form> </form>