2016-11-17 01:20:52 +09:00
import PureRenderMixin from 'react-addons-pure-render-mixin' ;
2016-10-12 20:17:17 +09:00
import StatusListContainer from '../ui/containers/status_list_container' ;
2016-11-17 01:20:52 +09:00
import Column from '../ui/components/column' ;
2017-02-18 10:37:59 +09:00
import { defineMessages , injectIntl , FormattedMessage } from 'react-intl' ;
2017-01-11 01:25:10 +09:00
import ColumnSettingsContainer from './containers/column_settings_container' ;
2017-02-18 10:37:59 +09:00
import { Link } from 'react-router' ;
2016-11-18 23:36:16 +09:00
const messages = defineMessages ( {
title : { id : 'column.home' , defaultMessage : 'Home' }
} ) ;
2016-10-12 20:17:17 +09:00
const HomeTimeline = React . createClass ( {
2016-10-17 02:23:17 +09:00
propTypes : {
2017-01-11 01:25:10 +09:00
intl : React . PropTypes . object . isRequired
2016-10-17 02:23:17 +09:00
} ,
2016-10-12 20:17:17 +09:00
mixins : [ PureRenderMixin ] ,
render ( ) {
2016-11-17 01:20:52 +09:00
const { intl } = this . props ;
2016-10-12 20:17:17 +09:00
return (
2016-11-18 23:36:16 +09:00
< Column icon = 'home' heading = { intl . formatMessage ( messages . title ) } >
2017-01-11 01:25:10 +09:00
< ColumnSettingsContainer / >
2017-02-18 10:37:59 +09:00
< StatusListContainer { ...this.props } type = 'home' 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-10-12 20:17:17 +09:00
< / Column >
) ;
} ,
} ) ;
2017-01-19 18:54:18 +09:00
export default injectIntl ( HomeTimeline ) ;