import React from 'react' import PropTypes from 'prop-types' import { connect } from 'react-redux' import { injectIntl, FormattedMessage } from 'react-intl' import ImmutablePureComponent from 'react-immutable-pure-component' import ImmutablePropTypes from 'react-immutable-proptypes' import debounce from 'lodash.debounce' import { me } from '../initial_state' import { fetchMutes, expandMutes } from '../actions/mutes' import Account from '../components/account' import Block from '../components/block' import BlockHeading from '../components/block_heading' import ScrollableList from '../components/scrollable_list' class MessagesMutedAccounts extends ImmutablePureComponent { componentWillMount() { this.props.onFetchMutes() } handleLoadMore = debounce(() => { this.props.onExpandMutes() }, 300, { leading: true }) render() { const { accountIds, hasMore, isLoading, } = this.props return (
} />
} > { accountIds && accountIds.map((id) => ) }
) } } const mapStateToProps = (state) => ({ accountIds: state.getIn(['user_lists', 'mutes', me, 'items']), hasMore: !!state.getIn(['user_lists', 'mutes', me, 'next']), isLoading: state.getIn(['user_lists', 'mutes', me, 'isLoading']), }) const mapDispatchToProps = (dispatch) => ({ onFetchMutes: () => dispatch(fetchMutes()), onExpandMutes: () => dispatch(expandMutes()), }) MessagesMutedAccounts.propTypes = { accountIds: ImmutablePropTypes.list, hasMore: PropTypes.bool, isLoading: PropTypes.bool, onExpandMutes: PropTypes.func.isRequired, onFetchMutes: PropTypes.func.isRequired, } export default injectIntl(connect(mapStateToProps, mapDispatchToProps)(MessagesMutedAccounts))