66 lines
		
	
	
	
		
			1.6 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			66 lines
		
	
	
	
		
			1.6 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| 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 ColumnBackButton from './components/column_back_button';
 | |
| 
 | |
| 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 (
 | |
|       <Column icon='globe' heading={intl.formatMessage(messages.title)}>
 | |
|         <ColumnBackButton />
 | |
|         <StatusListContainer type='public' />
 | |
|       </Column>
 | |
|     );
 | |
|   },
 | |
| 
 | |
| });
 | |
| 
 | |
| export default connect()(injectIntl(PublicTimeline));
 |