@@ -27,6 +27,7 @@ import MatrixClientContext from "../../../contexts/MatrixClientContext";
2727import AccessibleButton from "../elements/AccessibleButton" ;
2828import Modal from "../../../Modal" ;
2929import ErrorDialog from "../dialogs/ErrorDialog" ;
30+ import SettingsFieldset from "./SettingsFieldset" ;
3031
3132interface 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