diff --git a/plugins/talk-plugin-auth/client/components/ChangeUsername.js b/plugins/talk-plugin-auth/client/components/ChangeUsername.js index 12927188f..b2f3d3e84 100644 --- a/plugins/talk-plugin-auth/client/components/ChangeUsername.js +++ b/plugins/talk-plugin-auth/client/components/ChangeUsername.js @@ -5,8 +5,6 @@ import {bindActionCreators} from 'redux'; import errorMsj from 'coral-framework/helpers/error'; import validate from 'coral-framework/helpers/validate'; import CreateUsernameDialog from './CreateUsernameDialog'; -import {withChangeUsername} from 'coral-framework/graphql/mutations'; -import {compose} from 'react-apollo'; import t from 'coral-framework/services/i18n'; @@ -16,7 +14,7 @@ import { invalidForm, validForm, createUsername -} from 'coral-embed-stream/src/actions/auth'; +} from 'coral-framework/actions/auth'; class ChangeUsernameContainer extends React.Component { constructor(props) { @@ -91,14 +89,12 @@ class ChangeUsernameContainer extends React.Component { handleSubmitUsername = (e) => { e.preventDefault(); - const {errors, formData: {username}} = this.state; - const {validForm, invalidForm, hideCreateUsernameDialog, changeUsername} = this.props; + const {errors} = this.state; + const {validForm, invalidForm} = this.props; this.displayErrors(); - if (this.isCompleted() && !Object.keys(errors).length) { - changeUsername(this.props.auth.user.id, username); + this.props.createUsername(this.props.auth.user.id, this.state.formData); validForm(); - hideCreateUsernameDialog(); } else { invalidForm(t('createdisplay.check_the_form')); } @@ -133,11 +129,10 @@ ChangeUsernameContainer.propTypes = { validForm: PropTypes.func, invalidForm: PropTypes.func, loggedIn: PropTypes.bool, - changeUsername: PropTypes.func, }; const mapStateToProps = ({auth}) => ({ - auth: auth + auth: auth.toJS() }); const mapDispatchToProps = (dispatch) => @@ -152,7 +147,7 @@ const mapDispatchToProps = (dispatch) => dispatch ); -export default compose( - withChangeUsername, - connect(mapStateToProps, mapDispatchToProps), -)(ChangeUsernameContainer); +export default connect(mapStateToProps, mapDispatchToProps)( + ChangeUsernameContainer +); +