mattermost-mobile/app/screens/reaction_list/index.js
2020-05-27 12:45:35 -04:00

44 lines
1.6 KiB
JavaScript

// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.
import {bindActionCreators} from 'redux';
import {connect} from 'react-redux';
import {getMissingProfilesByIds} from '@mm-redux/actions/users';
import {makeGetReactionsForPost} from '@mm-redux/selectors/entities/posts';
import {getCurrentUserId, makeGetProfilesByIdsAndUsernames} from '@mm-redux/selectors/entities/users';
import {getTeammateNameDisplaySetting, getTheme} from '@mm-redux/selectors/entities/preferences';
import {isLandscape} from 'app/selectors/device';
import {getUniqueUserIds} from 'app/utils/reaction';
import ReactionList from './reaction_list';
function makeMapStateToProps() {
const getReactionsForPostSelector = makeGetReactionsForPost();
const getProfilesByIdsAndUsernames = makeGetProfilesByIdsAndUsernames();
return function mapStateToProps(state, ownProps) {
const reactions = getReactionsForPostSelector(state, ownProps.postId) || undefined;
const allUserIds = getUniqueUserIds(reactions);
return {
currentUserId: getCurrentUserId(state),
reactions,
teammateNameDisplay: getTeammateNameDisplaySetting(state),
theme: getTheme(state),
userProfiles: getProfilesByIdsAndUsernames(state, {allUserIds}) || [],
isLandscape: isLandscape(state),
};
};
}
function mapDispatchToProps(dispatch) {
return {
actions: bindActionCreators({
getMissingProfilesByIds,
}, dispatch),
};
}
export default connect(makeMapStateToProps, mapDispatchToProps)(ReactionList);