Redesign the warning to be red text, move below "Sign out"

This commit is contained in:
Luke Barnard 2017-06-20 15:01:53 +01:00
parent 4f9c1fe199
commit c337485d90

View File

@ -1214,15 +1214,14 @@ module.exports = React.createClass({
<h3>{ _t("Account") }</h3> <h3>{ _t("Account") }</h3>
<div className="mx_UserSettings_section cadcampoHide"> <div className="mx_UserSettings_section cadcampoHide">
{ this.state.userHasGeneratedPassword ?
<div className="mx_UserSettings_passwordWarning">
<img className="mx_UserSettings_passwordWarning_icon" src="img/warning.svg" width="24" height="23" alt="Warning"/>
{ _t("To return to your account in future you need to set a password") }
</div> : null
}
<AccessibleButton className="mx_UserSettings_logout mx_UserSettings_button" onClick={this.onLogoutClicked}> <AccessibleButton className="mx_UserSettings_logout mx_UserSettings_button" onClick={this.onLogoutClicked}>
{ _t("Sign out") } { _t("Sign out") }
</AccessibleButton> </AccessibleButton>
{ this.state.userHasGeneratedPassword ?
<div className="mx_UserSettings_passwordWarning">
{ _t("To return to your account in future you need to set a password") }
</div> : null
}
{accountJsx} {accountJsx}
</div> </div>