// @flow		// @flow

import _memoize from 'lodash/memoize.js';		import _memoize from 'lodash/memoize.js';
import { createSelector } from 'reselect';		import { createSelector } from 'reselect';

import {		import {
getAvatarForUser,		getAvatarForUser,
getRandomDefaultEmojiAvatar,		getRandomDefaultEmojiAvatar,
} from '../shared/avatar-utils.js';		} from '../shared/avatar-utils.js';
import SearchIndex from '../shared/search-index.js';		import SearchIndex from '../shared/search-index.js';
import SentencePrefixSearchIndex from '../shared/sentence-prefix-search-index.js';		import SentencePrefixSearchIndex from '../shared/sentence-prefix-search-index.js';
import { getSingleOtherUser } from '../shared/thread-utils.js';		import { getSingleOtherUser } from '../shared/thread-utils.js';
import type { ClientEmojiAvatar } from '../types/avatar-types';		import type { ClientEmojiAvatar } from '../types/avatar-types';
		import type { MinimallyEncodedRawThreadInfo } from '../types/minimally-encoded-thread-permissions-types.js';
import type { BaseAppState } from '../types/redux-types.js';		import type { BaseAppState } from '../types/redux-types.js';
import { userRelationshipStatus } from '../types/relationship-types.js';		import { userRelationshipStatus } from '../types/relationship-types.js';
import { threadTypes } from '../types/thread-types-enum.js';		import { threadTypes } from '../types/thread-types-enum.js';
import type {		import type {
LegacyRawThreadInfo,		LegacyRawThreadInfo,
LegacyRelativeMemberInfo,
RelativeMemberInfo,		RelativeMemberInfo,
RawThreadInfos,		RawThreadInfos,
} from '../types/thread-types.js';		} from '../types/thread-types.js';
import type {		import type {
UserInfos,		UserInfos,
RelativeUserInfo,		RelativeUserInfo,
AccountUserInfo,		AccountUserInfo,
CurrentUserInfo,		CurrentUserInfo,
Show All 21 Lines	if (userID === viewerID) {
username,		username,
isViewer: false,		isViewer: false,
});		});
}		}
}		}
return relativeUserInfos;		return relativeUserInfos;
}		}

function getRelativeMemberInfos(		type ExtractArrayParam = <T>(arr: $ReadOnlyArray<T>) => T;
threadInfo: ?LegacyRawThreadInfo,
		function getRelativeMemberInfos<
		TI: MinimallyEncodedRawThreadInfo \| LegacyRawThreadInfo,
		>(
		threadInfo: ?TI,
currentUserID: ?string,		currentUserID: ?string,
userInfos: UserInfos,		userInfos: UserInfos,
): $ReadOnlyArray<LegacyRelativeMemberInfo> {		): $ReadOnlyArray<
const relativeMemberInfos = [];		$ReadOnly<{
		...$Call<ExtractArrayParam, $PropertyType<TI, 'members'>>,
		+username: ?string,
		+isViewer: boolean,
		}>,
		> {
		const relativeMemberInfos: Array<
		$ReadOnly<{
		...$Call<ExtractArrayParam, $PropertyType<TI, 'members'>>,
		+username: ?string,
		+isViewer: boolean,
		}>,
		> = [];
if (!threadInfo) {		if (!threadInfo) {
return relativeMemberInfos;		return relativeMemberInfos;
}		}
const memberInfos = threadInfo.members;		const memberInfos = threadInfo.members;
for (const memberInfo of memberInfos) {		for (const memberInfoInput of memberInfos) {
		const memberInfo: $Call<
		ExtractArrayParam,
		$PropertyType<TI, 'members'>,
		> = memberInfoInput;
if (!memberInfo.role) {		if (!memberInfo.role) {
continue;		continue;
}		}
const username = userInfos[memberInfo.id]		const username: ?string = userInfos[memberInfo.id]
? userInfos[memberInfo.id].username		? userInfos[memberInfo.id].username
: null;		: null;
if (memberInfo.id === currentUserID) {		const isViewer: boolean = memberInfo.id === currentUserID;
relativeMemberInfos.unshift({		const relativeMemberInfo: $ReadOnly<{
		...$Call<ExtractArrayParam, $PropertyType<TI, 'members'>>,
		+username: ?string,
		+isViewer: boolean,
		}> = {
...memberInfo,		...memberInfo,
username,		username,
isViewer: true,		isViewer,
});		};
		if (isViewer) {
		relativeMemberInfos.unshift(relativeMemberInfo);
} else {		} else {
relativeMemberInfos.push({		relativeMemberInfos.push(relativeMemberInfo);
...memberInfo,
username,
isViewer: false,
});
}		}
}		}
return relativeMemberInfos;		return relativeMemberInfos;
}		}

const emptyArray: $ReadOnlyArray<LegacyRelativeMemberInfo> = [];		const emptyArray: $ReadOnlyArray<RelativeMemberInfo> = [];

// Includes current user at the start		// Includes current user at the start
const baseRelativeMemberInfoSelectorForMembersOfThread: (		const baseRelativeMemberInfoSelectorForMembersOfThread: (
threadID: ?string,		threadID: ?string,
) => (state: BaseAppState<>) => $ReadOnlyArray<LegacyRelativeMemberInfo> = (		) => (state: BaseAppState<>) => $ReadOnlyArray<RelativeMemberInfo> = (
threadID: ?string,		threadID: ?string,
) => {		) => {
if (!threadID) {		if (!threadID) {
return () => emptyArray;		return () => emptyArray;
}		}
return createSelector(		return createSelector(
(state: BaseAppState<>) => state.threadStore.threadInfos[threadID],		(state: BaseAppState<>) => state.threadStore.threadInfos[threadID],
(state: BaseAppState<>) =>		(state: BaseAppState<>) =>
▲ Show 20 Lines • Show All 149 Lines • Show Last 20 Lines

[web] [refactor] move props to single destructure in top of chat thread list item menu componentClosedPublicActions

Details

Diff Detail

Event Timeline

Revision ContentsChangeset List

Diff 10603

web/chat/chat-thread-list-item-menu.react.js

[web] [refactor] move props to single destructure in top of chat thread list item menu component
ClosedPublic
Actions

Revision Contents
Changeset List