import React from 'react'; import styles from './styles.css'; import {connect} from 'react-redux'; import {bindActionCreators} from 'redux'; import translations from '../translations'; import I18n from 'coral-framework/modules/i18n/i18n'; import {logout} from 'coral-framework/actions/auth'; const lang = new I18n(translations); const UserBox = ({loggedIn, user, logout, onShowProfile}) => (
{ loggedIn ? (
{lang.t('signIn.loggedInAs')} {user.username}. {lang.t('signIn.notYou')} logout()}> {lang.t('signIn.logout')}
) : null }
); const mapStateToProps = ({auth}) => ({ loggedIn: auth.toJS().loggedIn, user: auth.toJS().user }); const mapDispatchToProps = (dispatch) => bindActionCreators({logout}, dispatch); export default connect(mapStateToProps, mapDispatchToProps)(UserBox);