From 791025b153edf3a2bbbe5b5c7124fd7ac20699de Mon Sep 17 00:00:00 2001
From: Chi Vinh Le <vinh@wikiwi.io>
Date: Mon, 8 Jan 2018 15:48:49 +0100
Subject: [PATCH] Fix change username not displaying errors

---
 client/coral-embed-stream/src/components/ChangeUsername.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/client/coral-embed-stream/src/components/ChangeUsername.js b/client/coral-embed-stream/src/components/ChangeUsername.js
index 6fa7d3c0c..1c21eeb94 100644
--- a/client/coral-embed-stream/src/components/ChangeUsername.js
+++ b/client/coral-embed-stream/src/components/ChangeUsername.js
@@ -6,6 +6,7 @@ import styles from './ChangeUsername.css';
 import {Button} from 'coral-ui';
 import validate from 'coral-framework/helpers/validate';
 import RestrictedMessageBox from 'coral-framework/components/RestrictedMessageBox';
+import {forEachError} from 'plugin-api/beta/client/utils';
 
 class ChangeUsername extends Component {
 
@@ -31,7 +32,9 @@ class ChangeUsername extends Component {
       changeUsername(user.id, username)
         .then(() => location.reload())
         .catch((error) => {
-          this.setState({alert: t(`error.${error.translation_key}`)});
+          let errorMsg = '';
+          forEachError(error, ({msg}) => errorMsg = errorMsg ? `${errorMsg}, ${msg}` : msg);
+          this.setState({alert: errorMsg});
         });
     } else {
       this.setState({alert: t('framework.edit_name.error')});