Differential D6741 Diff 22619 web/utils/thread-utils.js

Changeset View

Standalone View

web/utils/thread-utils.js

This file was added.

				// @flow

				import invariant from 'invariant';
				import * as React from 'react';

				import { threadInfoSelector } from 'lib/selectors/thread-selectors.js';
				import { userInfoSelectorForPotentialMembers } from 'lib/selectors/user-selectors.js';
				import {
				createPendingThread,
				useExistingThreadInfoFinder,
				} from 'lib/shared/thread-utils.js';
				import type { ThreadInfo } from 'lib/types/thread-types.js';
				import { threadTypes } from 'lib/types/thread-types.js';
				kamilUnsubmitted Not Done Inline Actions can be merged with line 12 kamil: can be merged with line 12
				import type { AccountUserInfo } from 'lib/types/user-types.js';

				import { useSelector } from '../redux/redux-utils.js';

				type Props = {
				+activeChatThreadID: string,
				};

				function useThreadInfoForPossiblyPendingThread(props: Props): ?ThreadInfo {
				kamilUnsubmitted Not Done Inline Actions it's a hook with one prop so maybe there is no need for an object, and you can use simply one function's argument kamil: it's a hook with one prop so maybe there is no need for an object, and you can use simply one…
				const { activeChatThreadID } = props;

				const isChatCreation =
				useSelector(state => state.navInfo.chatMode) === 'create';
				const selectedUserIDs = useSelector(state => state.navInfo.selectedUserList);
				const otherUserInfos = useSelector(userInfoSelectorForPotentialMembers);
				const userInfoInputArray: $ReadOnlyArray<AccountUserInfo> = React.useMemo(
				() => selectedUserIDs?.map(id => otherUserInfos[id]).filter(Boolean) ?? [],
				[otherUserInfos, selectedUserIDs],
				);
				kamilUnsubmitted Not Done Inline Actions This is a lot of code repetition, I'm wondering if it will not be better to create a selector which returns all these fields kamil: This is a lot of code repetition, I'm wondering if it will not be better to create a selector…
				const viewerID = useSelector(state => state.currentUserInfo?.id);
				invariant(viewerID, 'should be set');
				const newThreadID = 'pending/new_thread';

				const pendingNewThread = React.useMemo(
				() => ({
				...createPendingThread({
				viewerID,
				threadType: threadTypes.PRIVATE,
				name: 'New thread',
				}),
				id: newThreadID,
				}),
				[viewerID],
				);
				const pendingPrivateThread = React.useRef(
				createPendingThread({
				viewerID,
				threadType: threadTypes.PRIVATE,
				}),
				);
				const existingThreadInfoFinderForCreatingThread = useExistingThreadInfoFinder(
				pendingPrivateThread.current,
				);

				const baseThreadInfo = useSelector(state => {
				if (!activeChatThreadID) {
				return null;
				}
				return (
				threadInfoSelector(state)[activeChatThreadID] ??
				state.navInfo.pendingThread
				);
				});
				const existingThreadInfoFinder = useExistingThreadInfoFinder(baseThreadInfo);
				const threadInfo = React.useMemo(() => {
				if (isChatCreation) {
				if (userInfoInputArray.length === 0) {
				return pendingNewThread;
				}

				return existingThreadInfoFinderForCreatingThread({
				searching: true,
				userInfoInputArray,
				});
				}

				return existingThreadInfoFinder({
				searching: false,
				userInfoInputArray: [],
				});
				}, [
				existingThreadInfoFinder,
				existingThreadInfoFinderForCreatingThread,
				isChatCreation,
				userInfoInputArray,
				pendingNewThread,
				]);

				return threadInfo;
				}

				export { useThreadInfoForPossiblyPendingThread };