refactoring of account settings into multiple screens

2020-04-13 16:01:24 +03:00
parent 5507ccd728
commit ea8ac3c293
25 changed files with 1494 additions and 823 deletions
@@ -41,9 +41,10 @@ export default class AvatarUpload extends React.Component {
  render() {
    // Randomize id value in case more than one AvatarUpload is shown
    // at the same time.
-    var randId = "file-input-avatar-" + (Math.random() + '').substr(2);
+    const randId = 'file-input-avatar-' + (Math.random() + '').substr(2);
+    const className = 'avatar-upload' + (this.props.readOnly ? ' read-only' : '');
    return (
-      <div className="avatar-upload">
+      <div className={className}>
        {this.props.readOnly || !this.state.dataUrl ?
          null :
          <a href="#" className="clear-avatar" onClick={(e) => {e.preventDefault(); this.props.onImageChanged(null);}}>