2016-11-10 00:47:47 +01:00
import { connect } from 'react-redux' ;
import PureRenderMixin from 'react-addons-pure-render-mixin' ;
2016-10-12 13:17:17 +02:00
import StatusListContainer from '../ui/containers/status_list_container' ;
2016-11-10 00:47:47 +01:00
import Column from '../ui/components/column' ;
2016-10-07 16:00:11 +02:00
import {
refreshTimeline ,
2016-11-10 00:47:47 +01:00
updateTimeline ,
deleteFromTimelines
} from '../../actions/timelines' ;
2017-02-19 20:25:54 +01:00
import { defineMessages , injectIntl , FormattedMessage } from 'react-intl' ;
2017-01-30 15:22:04 +01:00
import ColumnBackButtonSlim from '../../components/column_back_button_slim' ;
2017-02-04 00:34:31 +01:00
import createStream from '../../stream' ;
2016-11-18 15:36:16 +01:00
const messages = defineMessages ( {
2017-02-19 20:25:54 +01:00
title : { id : 'column.public' , defaultMessage : 'Whole Known Network' }
2016-11-18 15:36:16 +01:00
} ) ;
2016-10-07 16:00:11 +02:00
2017-02-04 00:34:31 +01:00
const mapStateToProps = state => ( {
accessToken : state . getIn ( [ 'meta' , 'access_token' ] )
} ) ;
2016-10-07 16:00:11 +02:00
const PublicTimeline = React . createClass ( {
2016-10-16 19:23:17 +02:00
propTypes : {
2017-01-03 01:15:42 +01:00
dispatch : React . PropTypes . func . isRequired ,
2017-02-04 00:34:31 +01:00
intl : React . PropTypes . object . isRequired ,
accessToken : React . PropTypes . string . isRequired
2016-10-16 19:23:17 +02:00
} ,
2016-10-07 16:00:11 +02:00
mixins : [ PureRenderMixin ] ,
2017-02-04 00:34:31 +01:00
componentDidMount ( ) {
const { dispatch , accessToken } = this . props ;
2016-10-07 16:00:11 +02:00
dispatch ( refreshTimeline ( 'public' ) ) ;
2017-02-04 00:34:31 +01:00
this . subscription = createStream ( accessToken , 'public' , {
2016-10-07 16:00:11 +02:00
2017-02-04 00:34:31 +01:00
received ( data ) {
switch ( data . event ) {
case 'update' :
dispatch ( updateTimeline ( 'public' , JSON . parse ( data . payload ) ) ) ;
break ;
case 'delete' :
dispatch ( deleteFromTimelines ( data . payload ) ) ;
break ;
2016-10-07 16:00:11 +02:00
}
2017-02-04 00:34:31 +01:00
}
2016-10-07 16:00:11 +02:00
2017-02-04 00:34:31 +01:00
} ) ;
2016-10-07 16:00:11 +02:00
} ,
componentWillUnmount ( ) {
if ( typeof this . subscription !== 'undefined' ) {
2017-02-04 00:34:31 +01:00
this . subscription . close ( ) ;
this . subscription = null ;
2016-10-07 16:00:11 +02:00
}
} ,
render ( ) {
2016-11-16 17:20:52 +01:00
const { intl } = this . props ;
2016-10-07 16:00:11 +02:00
return (
2016-11-18 15:36:16 +01:00
< Column icon = 'globe' heading = { intl . formatMessage ( messages . title ) } >
2017-01-30 15:22:04 +01:00
< ColumnBackButtonSlim / >
2017-02-19 20:25:54 +01:00
< StatusListContainer type = 'public' emptyMessage = { < FormattedMessage id = 'empty_column.public' defaultMessage = 'There is nothing here! Write something publicly, or manually follow users from other instances to fill it up' / > } / >
2016-10-07 16:00:11 +02:00
< / Column >
) ;
} ,
} ) ;
2017-02-04 00:34:31 +01:00
export default connect ( mapStateToProps ) ( injectIntl ( PublicTimeline ) ) ;