import { connect } from 'react-redux'; import PureRenderMixin from 'react-addons-pure-render-mixin'; import StatusListContainer from '../ui/containers/status_list_container'; import Column from '../ui/components/column'; import { refreshTimeline, updateTimeline, deleteFromTimelines } from '../../actions/timelines'; import { defineMessages, injectIntl } from 'react-intl'; import ColumnBackButtonSlim from '../../components/column_back_button_slim'; const messages = defineMessages({ title: { id: 'column.public', defaultMessage: 'Public' } }); const PublicTimeline = React.createClass({ propTypes: { dispatch: React.PropTypes.func.isRequired, intl: React.PropTypes.object.isRequired }, mixins: [PureRenderMixin], componentWillMount () { const { dispatch } = this.props; dispatch(refreshTimeline('public')); if (typeof App !== 'undefined') { this.subscription = App.cable.subscriptions.create('PublicChannel', { received (data) { switch(data.type) { case 'update': return dispatch(updateTimeline('public', JSON.parse(data.message))); case 'delete': return dispatch(deleteFromTimelines(data.id)); } } }); } }, componentWillUnmount () { if (typeof this.subscription !== 'undefined') { this.subscription.unsubscribe(); } }, render () { const { intl } = this.props; return ( ); }, }); export default connect()(injectIntl(PublicTimeline));