mirror of
https://github.com/element-hq/element-web
synced 2024-10-25 04:05:55 +03:00
Merge pull request #2756 from jryans/settings-phone-input
Move country dropdown inside field in Settings
This commit is contained in:
commit
5658e96aed
1 changed files with 10 additions and 7 deletions
|
@ -224,20 +224,23 @@ export default class PhoneNumbers extends React.Component {
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const phoneCountry = <CountryDropdown onOptionChange={this._onCountryChanged}
|
||||||
|
className="mx_PhoneNumbers_country"
|
||||||
|
value={this.state.phoneCountry}
|
||||||
|
disabled={this.state.verifying}
|
||||||
|
isSmall={true}
|
||||||
|
showPrefix={true}
|
||||||
|
/>;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="mx_PhoneNumbers">
|
<div className="mx_PhoneNumbers">
|
||||||
{existingPhoneElements}
|
{existingPhoneElements}
|
||||||
<form onSubmit={this._onAddClick} autoComplete={false}
|
<form onSubmit={this._onAddClick} autoComplete={false}
|
||||||
noValidate={true} className="mx_PhoneNumbers_new">
|
noValidate={true} className="mx_PhoneNumbers_new">
|
||||||
<div className="mx_PhoneNumbers_input">
|
<div className="mx_PhoneNumbers_input">
|
||||||
<CountryDropdown onOptionChange={this._onCountryChanged}
|
|
||||||
className="mx_PhoneNumbers_country"
|
|
||||||
value={this.state.phoneCountry}
|
|
||||||
disabled={this.state.verifying}
|
|
||||||
isSmall={true}
|
|
||||||
/>
|
|
||||||
<Field id="newPhoneNumber" ref="newPhoneNumber" label={_t("Phone Number")}
|
<Field id="newPhoneNumber" ref="newPhoneNumber" label={_t("Phone Number")}
|
||||||
type="text" autoComplete="off" disabled={this.state.verifying} />
|
type="text" autoComplete="off" disabled={this.state.verifying}
|
||||||
|
prefix={phoneCountry} />
|
||||||
</div>
|
</div>
|
||||||
{addVerifySection}
|
{addVerifySection}
|
||||||
</form>
|
</form>
|
||||||
|
|
Loading…
Reference in a new issue