mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-26 11:15:53 +03:00
Code Issues Projects Releases Packages Wiki Activity

Move country dropdown inside field in Settings

Browse source 
This updates the Settings phone input to match the new styling used on auth
flows.

Fixes https://github.com/vector-im/riot-web/issues/9049
This commit is contained in:
J. Ryan Stinnett 2019-03-06 11:26:05 +00:00
parent 5120ff83be
commit 13957bb5e7
1 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/components/views/settings/PhoneNumbers.js
View file

@ -224,21 +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}
showPrefix={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>