// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved. // See LICENSE.txt for license information. import {connect} from 'react-redux'; import {bindActionCreators} from 'redux'; import {createPost, removePost} from 'mattermost-redux/actions/posts'; import {Posts} from 'mattermost-redux/constants'; import {isCurrentChannelReadOnly} from 'mattermost-redux/selectors/entities/channels'; import {getPost, makeGetCommentCountForPost, makeIsPostCommentMention} from 'mattermost-redux/selectors/entities/posts'; import {getCurrentUserId} from 'mattermost-redux/selectors/entities/users'; import {getMyPreferences, getTheme} from 'mattermost-redux/selectors/entities/preferences'; import {isPostFlagged, isSystemMessage} from 'mattermost-redux/utils/post_utils'; import {insertToDraft, setPostTooltipVisible} from 'app/actions/views/channel'; import Post from './post'; function isConsecutivePost(state, ownProps) { const post = getPost(state, ownProps.postId); const previousPost = ownProps.previousPostId && getPost(state, ownProps.previousPostId); let consecutivePost = false; if (previousPost) { const postFromWebhook = Boolean(post?.props?.from_webhook); // eslint-disable-line camelcase const prevPostFromWebhook = Boolean(previousPost?.props?.from_webhook); // eslint-disable-line camelcase if (previousPost && previousPost.user_id === post.user_id && post.create_at - previousPost.create_at <= Posts.POST_COLLAPSE_TIMEOUT && !postFromWebhook && !prevPostFromWebhook && !isSystemMessage(post) && !isSystemMessage(previousPost) && (previousPost.root_id === post.root_id || previousPost.id === post.root_id)) { // The last post and this post were made by the same user within some time consecutivePost = true; } } return consecutivePost; } function makeMapStateToProps() { const getCommentCountForPost = makeGetCommentCountForPost(); const isPostCommentMention = makeIsPostCommentMention(); return function mapStateToProps(state, ownProps) { const post = getPost(state, ownProps.postId); const myPreferences = getMyPreferences(state); const currentUserId = getCurrentUserId(state); const isCommentMention = isPostCommentMention(state, post.id); let isFirstReply = true; let isLastReply = true; let commentedOnPost = null; if (ownProps.renderReplies && post && post.root_id) { if (ownProps.previousPostId) { const previousPost = getPost(state, ownProps.previousPostId); if (previousPost && (previousPost.id === post.root_id || previousPost.root_id === post.root_id)) { // Previous post is root post or previous post is in same thread isFirstReply = false; } else { // Last post is not a comment on the same message commentedOnPost = getPost(state, post.root_id); } } if (ownProps.nextPostId) { const nextPost = getPost(state, ownProps.nextPostId); if (nextPost && nextPost.root_id === post.root_id) { isLastReply = false; } } } return { channelIsReadOnly: isCurrentChannelReadOnly(state), currentUserId, post, isFirstReply, isLastReply, consecutivePost: isConsecutivePost(state, ownProps), hasComments: getCommentCountForPost(state, {post}) > 0, commentedOnPost, theme: getTheme(state), isFlagged: isPostFlagged(post.id, myPreferences), isCommentMention, }; }; } function mapDispatchToProps(dispatch) { return { actions: bindActionCreators({ createPost, removePost, setPostTooltipVisible, insertToDraft, }, dispatch), }; } export default connect(makeMapStateToProps, mapDispatchToProps)(Post);