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