Change username when it changes.

client/coral-sign-in/components/CreateUsernameDialog.js

@@ -11,7 +11,8 @@ import I18n from 'coral-framework/modules/i18n/i18n';
 import translations from '../translations';
 const lang = new I18n(translations);
 
-const CreateUsernameDialog = ({open, handleClose, offset, formData, handleSubmitUsername, handleChange, ...props}) => (
+const CreateUsernameDialog = ({open, handleClose, offset, formData, handleSubmitUsername, handleChange, ...props}) => {
+  return (
   <Dialog
     className={styles.dialogusername}
     id="createUsernameDialog"
@@ -31,7 +32,7 @@ const CreateUsernameDialog = ({open, handleClose, offset, formData, handleSubmit
         <p className={styles.yourusername}>{lang.t('createdisplay.yourusername')}</p>
         <FakeComment
           className={styles.fakeComment}
-          username="Pepe"
+          username={formData.username}
           created_at={Date.now()}
           body={lang.t('createdisplay.fakecommentbody')}
         />
@@ -54,6 +55,7 @@ const CreateUsernameDialog = ({open, handleClose, offset, formData, handleSubmit
       </div>
     </div>
   </Dialog>
-);
+  );
+};
 
 export default CreateUsernameDialog;

client/coral-sign-in/components/FakeComment.js

@@ -39,7 +39,6 @@ class FakeComment extends React.Component {
                 onClick={() => {}}
                 parentCommentId={'commentID'}
                 currentUserId={{}}
-                banned={false}
               />
             </div>
         <div className="commentActionsRight">

client/coral-sign-in/containers/ChangeUsernameContainer.js

@@ -29,6 +29,7 @@ class ChangeUsernameContainer extends Component {
 
   constructor(props) {
     super(props);
+    this.initialState.formData.username = props.user.username;
     this.state = this.initialState;
     this.handleChange = this.handleChange.bind(this);
     this.handleSubmitUsername = this.handleSubmitUsername.bind(this);