Clicking user goes to Settings Tab

client/coral-embed-stream/src/Embed.js

@@ -109,15 +109,14 @@ class Embed extends Component {
             <Tab>Settings</Tab>
             <Tab restricted={!isAdmin}>Configure Stream</Tab>
           </TabBar>
-            {loggedIn && <UserBox user={user} logout={this.props.logout} />}
+            {loggedIn && <UserBox user={user} logout={this.props.logout} changeTab={this.changeTab} />}
             <TabContent show={activeTab === 0}>
                 {
                   openStream
                    ? <div id="commentBox">
                        <InfoBox
                          content={asset.settings.infoBoxContent}
-                         enable={asset.settings.infoBoxEnable}
-                       />
+                         enable={asset.settings.infoBoxEnable} />
                      <RestrictedContent restricted={false} restrictedComp={<SuspendedAccount />}>
                        {
                          user

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

@@ -4,13 +4,10 @@ import I18n from 'coral-framework/modules/i18n/i18n';
 import translations from '../translations';
 const lang = new I18n(translations);
 
-const UserBox = ({className, user, logout, ...props}) => (
-  <div
-    className={`${styles.userBox} ${className ? className : ''}`}
-    {...props}
-  >
+const UserBox = ({className, user, logout, changeTab}) => (
+  <div className={`${styles.userBox} ${className ? className : ''}`}>
     {lang.t('signIn.loggedInAs')}
-    <a>{user.displayName}</a>. {lang.t('signIn.notYou')}
+    <a onClick={() => changeTab(1)}>{user.displayName}</a>. {lang.t('signIn.notYou')}
     <a onClick={logout} id='logout'>{lang.t('signIn.logout')}</a>
   </div>
 );