Progress on deck, dms
This commit is contained in:
@@ -6,13 +6,17 @@ 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 {
|
||||
fetchChatMessengerMutes,
|
||||
expandChatMessengerMutes,
|
||||
unmuteChatMessenger,
|
||||
} from '../actions/chat_conversation_accounts'
|
||||
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 {
|
||||
class ChatConversationMutedAccounts extends ImmutablePureComponent {
|
||||
|
||||
componentWillMount() {
|
||||
this.props.onFetchMutes()
|
||||
@@ -32,14 +36,14 @@ class MessagesMutedAccounts extends ImmutablePureComponent {
|
||||
return (
|
||||
<div className={[_s.d, _s.w100PC, _s.boxShadowNone].join(' ')}>
|
||||
<div className={[_s.d, _s.h60PX, _s.w100PC, _s.px10, _s.py10, _s.borderBottom1PX, _s.borderColorSecondary].join(' ')}>
|
||||
<BlockHeading title={<FormattedMessage id='navigation_bar.mutes' defaultMessage='Muted users' />} />
|
||||
<BlockHeading title={<FormattedMessage id='navigation_bar.chat_mutes' defaultMessage='Muted chat users' />} />
|
||||
</div>
|
||||
<ScrollableList
|
||||
scrollKey='mutes'
|
||||
scrollKey='chat_muted_accounts'
|
||||
onLoadMore={this.handleLoadMore}
|
||||
hasMore={hasMore}
|
||||
isLoading={isLoading}
|
||||
emptyMessage={<FormattedMessage id='empty_column.mutes' defaultMessage="You haven't muted any users yet." />}
|
||||
emptyMessage={<FormattedMessage id='empty_column.chat_mutes' defaultMessage="You haven't muted any chat users yet." />}
|
||||
>
|
||||
{
|
||||
accountIds && accountIds.map((id) =>
|
||||
@@ -47,6 +51,9 @@ class MessagesMutedAccounts extends ImmutablePureComponent {
|
||||
key={`mutes-${id}`}
|
||||
id={id}
|
||||
compact
|
||||
actionIcon='subtract'
|
||||
onActionClick={() => this.props.onRemove(id)}
|
||||
actionTitle='Remove'
|
||||
/>
|
||||
)
|
||||
}
|
||||
@@ -58,17 +65,18 @@ class MessagesMutedAccounts extends ImmutablePureComponent {
|
||||
}
|
||||
|
||||
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']),
|
||||
accountIds: state.getIn(['user_lists', 'chat_mutes', me, 'items']),
|
||||
hasMore: !!state.getIn(['user_lists', 'chat_mutes', me, 'next']),
|
||||
isLoading: state.getIn(['user_lists', 'chat_mutes', me, 'isLoading']),
|
||||
})
|
||||
|
||||
const mapDispatchToProps = (dispatch) => ({
|
||||
onFetchMutes: () => dispatch(fetchMutes()),
|
||||
onExpandMutes: () => dispatch(expandMutes()),
|
||||
onFetchMutes: () => dispatch(fetchChatMessengerMutes()),
|
||||
onExpandMutes: () => dispatch(expandChatMessengerMutes()),
|
||||
onRemove: (accountId) => dispatch(unmuteChatMessenger(accountId)),
|
||||
})
|
||||
|
||||
MessagesMutedAccounts.propTypes = {
|
||||
ChatConversationMutedAccounts.propTypes = {
|
||||
accountIds: ImmutablePropTypes.list,
|
||||
hasMore: PropTypes.bool,
|
||||
isLoading: PropTypes.bool,
|
||||
@@ -76,4 +84,4 @@ MessagesMutedAccounts.propTypes = {
|
||||
onFetchMutes: PropTypes.func.isRequired,
|
||||
}
|
||||
|
||||
export default injectIntl(connect(mapStateToProps, mapDispatchToProps)(MessagesMutedAccounts))
|
||||
export default injectIntl(connect(mapStateToProps, mapDispatchToProps)(ChatConversationMutedAccounts))
|
||||
Reference in New Issue
Block a user