import React from 'react'; import { connect } from 'react-redux'; import PropTypes from 'prop-types'; import ImmutablePropTypes from 'react-immutable-proptypes'; import { injectIntl, FormattedMessage, defineMessages } from 'react-intl'; import IconButton from 'soapbox/components/icon_button'; import LoadingIndicator from 'soapbox/components/loading_indicator'; import AccountContainer from 'soapbox/containers/account_container'; import ScrollableList from 'soapbox/components/scrollable_list'; import { fetchFavourites } from 'soapbox/actions/interactions'; const messages = defineMessages({ close: { id: 'lightbox.close', defaultMessage: 'Close' }, }); const mapStateToProps = (state, props) => { return { accountIds: state.getIn(['user_lists', 'favourited_by', props.statusId]), }; }; export default @connect(mapStateToProps) @injectIntl class FavouritesModal extends React.PureComponent { static contextTypes = { router: PropTypes.object, }; static propTypes = { onClose: PropTypes.func.isRequired, intl: PropTypes.object.isRequired, statusId: PropTypes.string.isRequired, username: PropTypes.string.isRequired, dispatch: PropTypes.func.isRequired, accountIds: ImmutablePropTypes.orderedSet, }; fetchData = () => { const { dispatch, statusId } = this.props; dispatch(fetchFavourites(statusId)); } componentDidMount() { this.fetchData(); this.unlistenHistory = this.context.router.history.listen((_, action) => { if (action === 'PUSH') { this.onClickClose(null, true); } }); } componentWillUnmount() { if (this.unlistenHistory) { this.unlistenHistory(); } } onClickClose = (_, noPop) => { this.props.onClose('FAVOURITES', noPop); }; render() { const { intl, accountIds } = this.props; let body; if (!accountIds) { body = ; } else { const emptyMessage = ; body = ( {accountIds.map(id => , )} ); } return (

{body}
); } }