Differential D5462 Diff 17845 web/chat/chat-message-list-container.react.js

Changeset View

Standalone View

web/chat/chat-message-list-container.react.js

// @flow		// @flow

import classNames from 'classnames';		import classNames from 'classnames';
import invariant from 'invariant';		import invariant from 'invariant';
import _isEqual from 'lodash/fp/isEqual';
import * as React from 'react';		import * as React from 'react';
import { useDrop } from 'react-dnd';		import { useDrop } from 'react-dnd';
import { NativeTypes } from 'react-dnd-html5-backend';		import { NativeTypes } from 'react-dnd-html5-backend';
import { useDispatch } from 'react-redux';		import { useDispatch } from 'react-redux';

import { threadInfoSelector } from 'lib/selectors/thread-selectors';		import { threadInfoSelector } from 'lib/selectors/thread-selectors';
import { userInfoSelectorForPotentialMembers } from 'lib/selectors/user-selectors';		import { userInfoSelectorForPotentialMembers } from 'lib/selectors/user-selectors';
import {		import {
▲ Show 20 Lines • Show All 87 Lines • ▼ Show 20 Lines	const threadInfo = React.useMemo(() => {
existingThreadInfoFinderForCreatingThread,		existingThreadInfoFinderForCreatingThread,
isChatCreation,		isChatCreation,
userInfoInputArray,		userInfoInputArray,
pendingNewThread,		pendingNewThread,
]);		]);
invariant(threadInfo, 'ThreadInfo should be set');		invariant(threadInfo, 'ThreadInfo should be set');

const dispatch = useDispatch();		const dispatch = useDispatch();

// The effect removes members from list in navInfo
// if some of the user IDs don't exist in redux store
React.useEffect(() => {
if (!isChatCreation) {
return;
}
const existingSelectedUsersSet = new Set(
userInfoInputArray.map(userInfo => userInfo.id),
);
if (
selectedUserIDs?.length !== existingSelectedUsersSet.size \|\|
!_isEqual(new Set(selectedUserIDs), existingSelectedUsersSet)
) {
dispatch({
type: updateNavInfoActionType,
payload: {
selectedUserList: Array.from(existingSelectedUsersSet),
},
});
}
}, [
dispatch,
isChatCreation,
otherUserInfos,
selectedUserIDs,
userInfoInputArray,
]);

React.useEffect(() => {		React.useEffect(() => {
if (isChatCreation && activeChatThreadID !== threadInfo?.id) {		if (isChatCreation && activeChatThreadID !== threadInfo?.id) {
let payload = {		let payload = {
activeChatThreadID: threadInfo?.id,		activeChatThreadID: threadInfo?.id,
};		};
if (threadIsPending(threadInfo?.id)) {		if (threadIsPending(threadInfo?.id)) {
payload = {		payload = {
...payload,		...payload,
▲ Show 20 Lines • Show All 115 Lines • Show Last 20 Lines