Adding signin button to settings page.

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

@@ -159,7 +159,7 @@ class Embed extends Component {
                <SettingsContainer
                  loggedIn={loggedIn}
                  userData={this.props.userData}
-                 showSignInDialog={this.props.handleSignInDialog}
+                 showSignInDialog={this.props.showSignInDialog}
                />
              </TabContent>
              <TabContent show={activeTab === 2}>

client/coral-settings/components/NotLoggedIn.js

@@ -1,10 +1,15 @@
 import React from 'react';
 import styles from './NotLoggedIn.css';
+import SignInContainer from '../../coral-sign-in/containers/SignInContainer';
 
 export default ({showSignInDialog}) => (
   <div className={styles.message}>
+    <SignInContainer noButton={true}/>
     <div>
-      <a onClick={showSignInDialog}>Sign In</a> to access Settings
+      <a onClick={() => {
+        console.log('Signin click');
+        showSignInDialog();
+      }}>Sign In</a> to access Settings
     </div>
     <div>
       From the Settings Page you can

client/coral-settings/containers/SettingsContainer.js

@@ -3,6 +3,7 @@ import {connect} from 'react-redux';
 
 import {saveBio, fetchCommentsByUserId} from 'coral-framework/actions/user';
 
+import SignInContainer from '../../coral-sign-in/containers/SignInContainer';
 import BioContainer from './BioContainer';
 import NotLoggedIn from '../components/NotLoggedIn';
 import {TabBar, Tab, TabContent} from '../../coral-ui';
@@ -53,6 +54,7 @@ class SettingsContainer extends Component {
     return (
       <RestrictedContent restricted={!loggedIn} restrictedComp={<NotLoggedIn showSignInDialog={showSignInDialog} />}>
         <SettingsHeader {...this.props} />
+        <SignInContainer noButton={true}/>
         <TabBar onChange={this.handleTabChange} activeTab={activeTab} cStyle='material'>
           <Tab>All Comments ({user.myComments.length})</Tab>
           <Tab>Profile Settings</Tab>