// @flow		// @flow

import invariant from 'invariant';		import invariant from 'invariant';
import * as React from 'react';		import * as React from 'react';
import { View } from 'react-native';		import { View } from 'react-native';
import { ScrollView } from 'react-native-gesture-handler';		import { ScrollView } from 'react-native-gesture-handler';

import { fetchPinnedMessages } from 'lib/actions/message-actions.js';		import { fetchPinnedMessages } from 'lib/actions/message-actions.js';
import { messageListData } from 'lib/selectors/chat-selectors.js';		import { messageListData } from 'lib/selectors/chat-selectors.js';
import { createMessageInfo } from 'lib/shared/message-utils.js';		import { createMessageInfo } from 'lib/shared/message-utils.js';
		import { isComposableMessageType } from 'lib/types/message-types.js';
import type { ThreadInfo } from 'lib/types/thread-types.js';		import type { ThreadInfo } from 'lib/types/thread-types.js';
import { useServerCall } from 'lib/utils/action-utils.js';		import { useServerCall } from 'lib/utils/action-utils.js';

import { useHeightMeasurer } from './chat-context.js';		import { useHeightMeasurer } from './chat-context.js';
import type { ChatNavigationProp } from './chat.react';		import type { ChatNavigationProp } from './chat.react';
import MessageResult from './message-result.react.js';		import MessageResult from './message-result.react.js';
import type { NavigationRoute } from '../navigation/route-names';		import type { NavigationRoute } from '../navigation/route-names';
import { useSelector } from '../redux/redux-utils.js';		import { useSelector } from '../redux/redux-utils.js';
▲ Show 20 Lines • Show All 46 Lines • ▼ Show 20 Lines	const chatMessageInfos = useSelector(
messageListData(threadInfo.id, translatedMessageResults),		messageListData(threadInfo.id, translatedMessageResults),
);		);

const sortedUniqueChatMessageInfoItems = React.useMemo(() => {		const sortedUniqueChatMessageInfoItems = React.useMemo(() => {
if (!chatMessageInfos) {		if (!chatMessageInfos) {
return [];		return [];
}		}

const pinnedMessageIDs = new Set();		const pinnedMessageIDs = new Set();
translatedMessageResults.forEach(item => pinnedMessageIDs.add(item.id));		translatedMessageResults.forEach(item => pinnedMessageIDs.add(item.id));
		inkaUnsubmitted Not Done Inline Actions We could probably go back to using `isPinned` property here. The thing we undid in D8097. This would make the code more readable, but it's up to you inka: We could probably go back to using `isPinned` property here. The thing we undid in D8097. This…

const chatMessageInfoItems = chatMessageInfos.filter(		const chatMessageInfoItems = chatMessageInfos.filter(
item =>		item =>
item.itemType === 'message' &&		item.itemType === 'message' &&
pinnedMessageIDs.has(item.messageInfo.id),		pinnedMessageIDs.has(item.messageInfo.id) &&
		isComposableMessageType(item.messageInfo.type),
		rohanAuthorUnsubmitted Done Inline Actions As mentioned in the description, this is because toggle_pin messages are visible robotext, so if we don't filter those out then they will become visible in the message results modal. This is done here, after the `ChatMessageInfo`s have been created, so we can accurately use the updated fetched related messages to determine the `isPinned` flag. If we filtered this earlier, then we'd be in the same situation as before This also is fine because we only allow the user to pin composable message types so we won't exclude anything from the view that we need to show. rohan: As mentioned in the description, this is because toggle_pin messages are visible robotext, so…
);		);

// By the nature of using messageListData and passing in		// By the nature of using messageListData and passing in
// the desired translatedMessageResults as additional		// the desired translatedMessageResults as additional
// messages, we will have duplicate ChatMessageInfoItems.		// messages, we will have duplicate ChatMessageInfoItems.
const uniqueChatMessageInfoItemsMap = new Map();		const uniqueChatMessageInfoItemsMap = new Map();
chatMessageInfoItems.forEach(		chatMessageInfoItems.forEach(
item =>		item =>
▲ Show 20 Lines • Show All 93 Lines • Show Last 20 Lines

[native] Add subchannels buttonClosedPublicActions

Details

Diff Detail

Event Timeline

Revision ContentsChangeset List

Diff 20317

native/navigation/subchannels-button.react.js

[native] Add subchannels button
ClosedPublic
Actions

Revision Contents
Changeset List