You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

30 lines
824 B

  1. import Status from './status';
  2. import ImmutablePropTypes from 'react-immutable-proptypes';
  3. import PureRenderMixin from 'react-addons-pure-render-mixin';
  4. const StatusList = React.createClass({
  5. propTypes: {
  6. statuses: ImmutablePropTypes.list.isRequired,
  7. onReply: React.PropTypes.func,
  8. onReblog: React.PropTypes.func,
  9. onFavourite: React.PropTypes.func
  10. },
  11. mixins: [PureRenderMixin],
  12. render () {
  13. return (
  14. <div style={{ overflowY: 'scroll', flex: '1 1 auto' }}>
  15. <div>
  16. {this.props.statuses.map((status) => {
  17. return <Status key={status.get('id')} status={status} onReply={this.props.onReply} onReblog={this.props.onReblog} onFavourite={this.props.onFavourite} />;
  18. })}
  19. </div>
  20. </div>
  21. );
  22. }
  23. });
  24. export default StatusList;