From 4b33199f2fe1384ae227fcfd3662349161c46209 Mon Sep 17 00:00:00 2001
From: David Jay <davidgljay@gmail.com>
Date: Tue, 24 Jan 2017 14:19:20 -0500
Subject: [PATCH] Adding signin button to settings page.

---
 client/coral-embed-stream/src/Embed.js                | 2 +-
 client/coral-settings/components/NotLoggedIn.js       | 7 ++++++-
 client/coral-settings/containers/SettingsContainer.js | 2 ++
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/client/coral-embed-stream/src/Embed.js b/client/coral-embed-stream/src/Embed.js
index 66dcfe90f..45dd1b3ed 100644
--- a/client/coral-embed-stream/src/Embed.js
+++ b/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}>
diff --git a/client/coral-settings/components/NotLoggedIn.js b/client/coral-settings/components/NotLoggedIn.js
index d7bf467e8..8266a745e 100644
--- a/client/coral-settings/components/NotLoggedIn.js
+++ b/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
diff --git a/client/coral-settings/containers/SettingsContainer.js b/client/coral-settings/containers/SettingsContainer.js
index e7b930255..c2f78c56b 100644
--- a/client/coral-settings/containers/SettingsContainer.js
+++ b/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>