From 1b79a105802ab456b16ecf6af3dc7f396e5dd398 Mon Sep 17 00:00:00 2001
From: gaba <gabelula@gmail.com>
Date: Tue, 21 Feb 2017 16:36:50 -0800
Subject: [PATCH] Change username when it changes.

---
 client/coral-sign-in/components/CreateUsernameDialog.js   | 8 +++++---
 client/coral-sign-in/components/FakeComment.js            | 1 -
 .../coral-sign-in/containers/ChangeUsernameContainer.js   | 1 +
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/client/coral-sign-in/components/CreateUsernameDialog.js b/client/coral-sign-in/components/CreateUsernameDialog.js
index a01137733..f0edc7398 100644
--- a/client/coral-sign-in/components/CreateUsernameDialog.js
+++ b/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;
diff --git a/client/coral-sign-in/components/FakeComment.js b/client/coral-sign-in/components/FakeComment.js
index 97afa59fa..c496e69d9 100644
--- a/client/coral-sign-in/components/FakeComment.js
+++ b/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">
diff --git a/client/coral-sign-in/containers/ChangeUsernameContainer.js b/client/coral-sign-in/containers/ChangeUsernameContainer.js
index 33ae63614..ca065169f 100644
--- a/client/coral-sign-in/containers/ChangeUsernameContainer.js
+++ b/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);