mirror of
https://github.com/funamitech/mastodon
synced 2024-12-05 10:18:45 +09:00
fe8dd58bc1
Add the same UI that already exists for blocked users for muted ones and add it to the "Getting Started" menu.
69 lines
1.9 KiB
JavaScript
69 lines
1.9 KiB
JavaScript
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 { ScrollContainer } from 'react-router-scroll';
|
|
import Column from '../ui/components/column';
|
|
import ColumnBackButtonSlim from '../../components/column_back_button_slim';
|
|
import AccountContainer from '../../containers/account_container';
|
|
import { fetchMutes, expandMutes } from '../../actions/mutes';
|
|
import { defineMessages, injectIntl } from 'react-intl';
|
|
|
|
const messages = defineMessages({
|
|
heading: { id: 'column.mutes', defaultMessage: 'Muted users' }
|
|
});
|
|
|
|
const mapStateToProps = state => ({
|
|
accountIds: state.getIn(['user_lists', 'mutes', 'items'])
|
|
});
|
|
|
|
const Mutes = React.createClass({
|
|
propTypes: {
|
|
params: React.PropTypes.object.isRequired,
|
|
dispatch: React.PropTypes.func.isRequired,
|
|
accountIds: ImmutablePropTypes.list,
|
|
intl: React.PropTypes.object.isRequired
|
|
},
|
|
|
|
mixins: [PureRenderMixin],
|
|
|
|
componentWillMount () {
|
|
this.props.dispatch(fetchMutes());
|
|
},
|
|
|
|
handleScroll (e) {
|
|
const { scrollTop, scrollHeight, clientHeight } = e.target;
|
|
|
|
if (scrollTop === scrollHeight - clientHeight) {
|
|
this.props.dispatch(expandMutes());
|
|
}
|
|
},
|
|
|
|
render () {
|
|
const { intl, accountIds } = this.props;
|
|
|
|
if (!accountIds) {
|
|
return (
|
|
<Column>
|
|
<LoadingIndicator />
|
|
</Column>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<Column icon='users' heading={intl.formatMessage(messages.heading)}>
|
|
<ColumnBackButtonSlim />
|
|
<ScrollContainer scrollKey='mutes'>
|
|
<div className='scrollable' onScroll={this.handleScroll}>
|
|
{accountIds.map(id =>
|
|
<AccountContainer key={id} id={id} />
|
|
)}
|
|
</div>
|
|
</ScrollContainer>
|
|
</Column>
|
|
);
|
|
}
|
|
});
|
|
|
|
export default connect(mapStateToProps)(injectIntl(Mutes));
|