diff options
author | Eugen Rochko <eugen@zeonfederated.com> | 2016-11-03 20:16:14 +0100 |
---|---|---|
committer | Eugen Rochko <eugen@zeonfederated.com> | 2016-11-03 20:16:14 +0100 |
commit | 6d26bfd14706872f6e4d1c3a3e45b00d81cf86cb (patch) | |
tree | 2277f67ffb45c76ea83f1b8416e726eb48f9c415 /app/assets/javascripts/components/features/reblogs/index.jsx | |
parent | 0405ef977a3ba37b3da472733e59be6db7bd7b99 (diff) |
Add list of who reblogged status
Diffstat (limited to 'app/assets/javascripts/components/features/reblogs/index.jsx')
-rw-r--r-- | app/assets/javascripts/components/features/reblogs/index.jsx | 61 |
1 files changed, 61 insertions, 0 deletions
diff --git a/app/assets/javascripts/components/features/reblogs/index.jsx b/app/assets/javascripts/components/features/reblogs/index.jsx new file mode 100644 index 000000000..bec08f1ee --- /dev/null +++ b/app/assets/javascripts/components/features/reblogs/index.jsx @@ -0,0 +1,61 @@ +import { connect } from 'react-redux'; +import PureRenderMixin from 'react-addons-pure-render-mixin'; +import ImmutablePropTypes from 'react-immutable-proptypes'; +import LoadingIndicator from '../../components/loading_indicator'; +import { fetchReblogs } from '../../actions/interactions'; +import { ScrollContainer } from 'react-router-scroll'; +import AccountContainer from '../followers/containers/account_container'; +import Column from '../ui/components/column'; +import ColumnBackButton from '../../components/column_back_button'; + +const mapStateToProps = (state, props) => ({ + accountIds: state.getIn(['user_lists', 'reblogged_by', Number(props.params.statusId)]) +}); + +const Reblogs = React.createClass({ + + propTypes: { + params: React.PropTypes.object.isRequired, + dispatch: React.PropTypes.func.isRequired, + accountIds: ImmutablePropTypes.list + }, + + mixins: [PureRenderMixin], + + componentWillMount () { + this.props.dispatch(fetchReblogs(Number(this.props.params.statusId))); + }, + + componentWillReceiveProps(nextProps) { + if (nextProps.params.statusId !== this.props.params.statusId && nextProps.params.statusId) { + this.props.dispatch(fetchReblogs(Number(nextProps.params.statusId))); + } + }, + + render () { + const { accountIds } = this.props; + + if (!accountIds) { + return ( + <Column> + <LoadingIndicator /> + </Column> + ); + } + + return ( + <Column> + <ColumnBackButton /> + + <ScrollContainer scrollKey='reblogs'> + <div style={{ overflowY: 'scroll', flex: '1 1 auto', overflowX: 'hidden' }} className='scrollable'> + {accountIds.map(id => <AccountContainer key={id} id={id} withNote={false} />)} + </div> + </ScrollContainer> + </Column> + ); + } + +}); + +export default connect(mapStateToProps)(Reblogs); |