2017-05-02 19:04:16 -05:00
import React from 'react' ;
2017-02-22 19:14:35 -06:00
import { connect } from 'react-redux' ;
2017-04-21 13:05:35 -05:00
import PropTypes from 'prop-types' ;
2016-10-12 06:17:17 -05:00
import StatusListContainer from '../ui/containers/status_list_container' ;
2016-11-16 10:20:52 -06:00
import Column from '../ui/components/column' ;
2017-02-17 19:37:59 -06:00
import { defineMessages , injectIntl , FormattedMessage } from 'react-intl' ;
2017-01-10 10:25:10 -06:00
import ColumnSettingsContainer from './containers/column_settings_container' ;
2017-02-17 19:37:59 -06:00
import { Link } from 'react-router' ;
2016-11-18 08:36:16 -06:00
const messages = defineMessages ( {
title : { id : 'column.home' , defaultMessage : 'Home' }
} ) ;
2016-10-12 06:17:17 -05:00
2017-02-22 19:14:35 -06:00
const mapStateToProps = state => ( {
2017-05-04 16:41:34 -05:00
hasUnread : state . getIn ( [ 'timelines' , 'home' , 'unread' ] ) > 0 ,
hasFollows : state . getIn ( [ 'accounts_counters' , state . getIn ( [ 'meta' , 'me' ] ) , 'following_count' ] ) > 0
2017-02-22 19:14:35 -06:00
} ) ;
2017-04-21 13:05:35 -05:00
class HomeTimeline extends React . PureComponent {
2016-10-12 06:17:17 -05:00
render ( ) {
2017-05-04 16:41:34 -05:00
const { intl , hasUnread , hasFollows } = this . props ;
let emptyMessage ;
if ( hasFollows ) {
emptyMessage = < FormattedMessage id = 'empty_column.home.inactivity' defaultMessage = "Your home feed is empty. If you have been inactive for a while, it will be regenerated for you soon." / >
} else {
emptyMessage = < FormattedMessage id = 'empty_column.home' defaultMessage = "You aren't following anyone yet. Visit {public} or use search to get started and meet other users." values = { { public : < Link to = '/timelines/public' > < FormattedMessage id = 'empty_column.home.public_timeline' defaultMessage = 'the public timeline' / > < /Link> }} / > ;
}
2016-11-16 10:20:52 -06:00
2016-10-12 06:17:17 -05:00
return (
2017-02-22 19:14:35 -06:00
< Column icon = 'home' active = { hasUnread } heading = { intl . formatMessage ( messages . title ) } >
2017-01-10 10:25:10 -06:00
< ColumnSettingsContainer / >
2017-05-04 16:41:34 -05:00
< StatusListContainer
{ ... this . props }
scrollKey = 'home_timeline'
type = 'home'
emptyMessage = { emptyMessage }
/ >
2016-10-12 06:17:17 -05:00
< / C o l u m n >
) ;
2017-04-21 13:05:35 -05:00
}
2016-10-12 06:17:17 -05:00
2017-04-21 13:05:35 -05:00
}
HomeTimeline . propTypes = {
intl : PropTypes . object . isRequired ,
2017-05-04 16:41:34 -05:00
hasUnread : PropTypes . bool ,
hasFollows : PropTypes . bool
2017-04-21 13:05:35 -05:00
} ;
2016-10-12 06:17:17 -05:00
2017-02-22 19:14:35 -06:00
export default connect ( mapStateToProps ) ( injectIntl ( HomeTimeline ) ) ;