Skip to content
This repository was archived by the owner on Sep 11, 2024. It is now read-only.

Commit 1028f03

Browse files
committed
reuses SettingsFieldSet component with some inline-style hacks
1 parent 8d1486c commit 1028f03

File tree

1 file changed

+10
-8
lines changed

1 file changed

+10
-8
lines changed

src/components/views/settings/AddPrivilegedUsers.tsx

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,7 @@ import MatrixClientContext from "../../../contexts/MatrixClientContext";
2727
import AccessibleButton from "../elements/AccessibleButton";
2828
import Modal from "../../../Modal";
2929
import ErrorDialog from "../dialogs/ErrorDialog";
30+
import SettingsFieldset from "./SettingsFieldset";
3031

3132
interface AddPrivilegedUsersProps {
3233
room: Room;
@@ -66,12 +67,12 @@ export const AddPrivilegedUsers: React.FC<AddPrivilegedUsersProps> = ({ room, de
6667
};
6768

6869
return (
69-
<form className="mx_SettingsFieldset" onSubmit={onSubmit}>
70-
<fieldset style={{ width: '100%' }}>
71-
<legend className='mx_SettingsFieldset_legend'>{ _t('Add privileged users') }</legend>
72-
<div className='mx_SettingsFieldset_description'>
73-
{ _t('Give one or multiple users in this room more privileges') }
74-
</div>
70+
<form style={{ display: 'flex' }} onSubmit={onSubmit}>
71+
<SettingsFieldset
72+
legend={_t('Add privileged users')}
73+
description={_t('Give one or multiple users in this room more privileges')}
74+
style={{ flexGrow: 1 }}
75+
>
7576
<AutocompleteInput
7677
provider={userProvider.current}
7778
placeholder={_t("Search users in this room …")}
@@ -82,13 +83,14 @@ export const AddPrivilegedUsers: React.FC<AddPrivilegedUsersProps> = ({ room, de
8283
<PowerSelector value={powerLevel} onChange={setPowerLevel} />
8384
<AccessibleButton
8485
type='submit'
86+
element='button'
8587
kind='primary'
8688
disabled={!selectedUsers.length || isLoading}
87-
onClick={onSubmit}
89+
onClick={null}
8890
>
8991
{ _t('Apply') }
9092
</AccessibleButton>
91-
</fieldset>
93+
</SettingsFieldset>
9294
</form>
9395
);
9496
};

0 commit comments

Comments
 (0)