c8a0753289
* Fix new message indicator * Revert "Fix new message indicator" This reverts commit 3732d2e53149f2e29b671cb6fd68e359d64aab36. * Fixed new messages indicator and added unit tests for it
78 lines
3 KiB
JavaScript
78 lines
3 KiB
JavaScript
// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved.
|
|
// See License.txt for license information.
|
|
|
|
import {Posts, Preferences} from 'mattermost-redux/constants';
|
|
import {makeGetPostsForIds} from 'mattermost-redux/selectors/entities/posts';
|
|
import {getBool} from 'mattermost-redux/selectors/entities/preferences';
|
|
import {getCurrentUserId} from 'mattermost-redux/selectors/entities/users';
|
|
import {createIdsSelector} from 'mattermost-redux/utils/helpers';
|
|
import {shouldFilterPost} from 'mattermost-redux/utils/post_utils';
|
|
|
|
export const DATE_LINE = 'date-';
|
|
export const START_OF_NEW_MESSAGES = 'start-of-new-messages';
|
|
|
|
function shouldShowJoinLeaveMessages(state) {
|
|
// This setting is true or not set if join/leave messages are to be displayed
|
|
return getBool(state, Preferences.CATEGORY_ADVANCED_SETTINGS, Preferences.ADVANCED_FILTER_JOIN_LEAVE, true);
|
|
}
|
|
|
|
// Returns a selector that, given the state and an object containing an array of postIds and an optional
|
|
// timestamp of when the channel was last read, returns a memoized array of postIds interspersed with
|
|
// day indicators and an optional new message indicator.
|
|
export function makePreparePostIdsForPostList() {
|
|
const getMyPosts = makeGetPostsForIds();
|
|
|
|
return createIdsSelector(
|
|
(state, props) => getMyPosts(state, props.postIds),
|
|
(state, props) => props.lastViewedAt,
|
|
getCurrentUserId,
|
|
shouldShowJoinLeaveMessages,
|
|
(posts, lastViewedAt, currentUserId, showJoinLeave) => {
|
|
if (posts.length === 0) {
|
|
return [];
|
|
}
|
|
|
|
const out = [];
|
|
|
|
let lastDate = null;
|
|
let addedNewMessagesIndicator = false;
|
|
|
|
const filterOptions = {showJoinLeave};
|
|
|
|
// Iterating through the posts from oldest to newest
|
|
for (let i = posts.length - 1; i >= 0; i--) {
|
|
const post = posts[i];
|
|
|
|
if (post.state === Posts.POST_DELETED && post.user_id === currentUserId) {
|
|
continue;
|
|
}
|
|
|
|
// Filter out join/leave messages if necessary
|
|
if (shouldFilterPost(post, filterOptions)) {
|
|
continue;
|
|
}
|
|
|
|
// Push on a date header if the last post was on a different day than the current one
|
|
const postDate = new Date(post.create_at);
|
|
|
|
if (!lastDate || lastDate.toDateString() !== postDate.toDateString()) {
|
|
out.push(DATE_LINE + postDate.toDateString());
|
|
|
|
lastDate = postDate;
|
|
}
|
|
|
|
// Only add the new messages line if a lastViewedAt time is set
|
|
const postIsUnread = post.create_at > lastViewedAt;
|
|
if (lastViewedAt != null && !addedNewMessagesIndicator && postIsUnread) {
|
|
out.push(START_OF_NEW_MESSAGES);
|
|
addedNewMessagesIndicator = true;
|
|
}
|
|
|
|
out.push(post.id);
|
|
}
|
|
|
|
// Flip it back to newest to oldest
|
|
return out.reverse();
|
|
}
|
|
);
|
|
}
|