diff --git a/plugin-api/beta/client/selectors/auth.js b/plugin-api/beta/client/selectors/auth.js index 6c7769bc1..a82e11aab 100644 --- a/plugin-api/beta/client/selectors/auth.js +++ b/plugin-api/beta/client/selectors/auth.js @@ -4,3 +4,5 @@ export const usernameStatusSelector = state => get(state, 'auth.user.status.username.status'); export const usernameSelector = state => get(state, 'auth.user.username'); + +export const isLoggedInSelector = state => !!get(state, 'auth.user'); diff --git a/plugins/talk-plugin-auth/client/stream/components/SignInButton.css b/plugins/talk-plugin-auth/client/stream/components/SignInButton.css index f155a197c..774c6f280 100644 --- a/plugins/talk-plugin-auth/client/stream/components/SignInButton.css +++ b/plugins/talk-plugin-auth/client/stream/components/SignInButton.css @@ -5,4 +5,5 @@ .button:hover { background-color: #767676; + color: #FFF; } diff --git a/plugins/talk-plugin-auth/client/stream/components/SignInButton.js b/plugins/talk-plugin-auth/client/stream/components/SignInButton.js index 3c64608c5..53e0bc23d 100644 --- a/plugins/talk-plugin-auth/client/stream/components/SignInButton.js +++ b/plugins/talk-plugin-auth/client/stream/components/SignInButton.js @@ -4,9 +4,9 @@ import { Button } from 'plugin-api/beta/client/components/ui'; import { t } from 'plugin-api/beta/client/services'; import styles from './SignInButton.css'; -const SignInButton = ({ currentUser, showSignInDialog }) => ( +const SignInButton = ({ isLoggedIn, showSignInDialog }) => (
- {!currentUser ? ( + {!isLoggedIn ? (