Also, since the root component connects to the stream that updates home/notification columns, there is pretty much no case for refreshing those columns beyond initial load. So, move the loading of those columns into the root component, to prevent unneccessary reloads when switching tabs on mobile or resizing desktop window between mobile/desktop layouts
		
			
				
	
	
		
			32 lines
		
	
	
	
		
			853 B
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			32 lines
		
	
	
	
		
			853 B
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| import PureRenderMixin from 'react-addons-pure-render-mixin';
 | |
| import StatusListContainer from '../ui/containers/status_list_container';
 | |
| import Column from '../ui/components/column';
 | |
| import { defineMessages, injectIntl } from 'react-intl';
 | |
| import ColumnSettingsContainer from './containers/column_settings_container';
 | |
| 
 | |
| const messages = defineMessages({
 | |
|   title: { id: 'column.home', defaultMessage: 'Home' }
 | |
| });
 | |
| 
 | |
| const HomeTimeline = React.createClass({
 | |
| 
 | |
|   propTypes: {
 | |
|     intl: React.PropTypes.object.isRequired
 | |
|   },
 | |
| 
 | |
|   mixins: [PureRenderMixin],
 | |
| 
 | |
|   render () {
 | |
|     const { intl } = this.props;
 | |
| 
 | |
|     return (
 | |
|       <Column icon='home' heading={intl.formatMessage(messages.title)}>
 | |
|         <ColumnSettingsContainer />
 | |
|         <StatusListContainer {...this.props} type='home' />
 | |
|       </Column>
 | |
|     );
 | |
|   },
 | |
| 
 | |
| });
 | |
| 
 | |
| export default injectIntl(HomeTimeline);
 |