Page Menu
Home
Phorge
Search
Configure Global Search
Log In
Files
F32322606
D3601.1765301621.diff
No One
Temporary
Actions
View File
Edit File
Delete File
View Transforms
Subscribe
Flag For Later
Award Token
Size
3 KB
Referenced Files
None
Subscribers
None
D3601.1765301621.diff
View Options
diff --git a/web/modals/threads/subchannels/subchannels-modal.react.js b/web/modals/threads/subchannels/subchannels-modal.react.js
--- a/web/modals/threads/subchannels/subchannels-modal.react.js
+++ b/web/modals/threads/subchannels/subchannels-modal.react.js
@@ -2,10 +2,19 @@
import * as React from 'react';
+import {
+ fetchSingleMostRecentMessagesFromThreads,
+ fetchSingleMostRecentMessagesFromThreadsActionTypes,
+} from 'lib/actions/message-actions';
import { useFilteredChatListData } from 'lib/selectors/chat-selectors';
import { threadSearchIndex } from 'lib/selectors/nav-selectors';
import { childThreadInfos } from 'lib/selectors/thread-selectors';
-import { threadIsChannel } from 'lib/shared/thread-utils';
+import { threadIsChannel, threadInChatList } from 'lib/shared/thread-utils';
+import threadWatcher from 'lib/shared/thread-watcher';
+import {
+ useServerCall,
+ useDispatchActionPromise,
+} from 'lib/utils/action-utils';
import { useSelector } from '../../../redux/redux-utils';
import SearchModal from '../../search-modal.react';
@@ -33,7 +42,7 @@
thread => subchannelsIDs.has(thread?.id),
[subchannelsIDs],
);
- const allSubchannelsChatList = useFilteredChatListData(filterSubchannels);
+ const allSubchannelsList = useFilteredChatListData(filterSubchannels);
const searchIndex = useSelector(threadSearchIndex);
@@ -43,14 +52,63 @@
);
const searchTextExists = !!searchText.length;
+
+ const subchannelsIDsNotInChatList = React.useMemo(
+ () =>
+ new Set(
+ allSubchannelsList
+ .filter(item => !threadInChatList(item.threadInfo))
+ .map(item => item.threadInfo.id),
+ ),
+ [allSubchannelsList],
+ );
+
const filteredSubchannelsChatList = React.useMemo(() => {
if (!searchTextExists) {
- return allSubchannelsChatList;
+ return allSubchannelsList;
}
- return allSubchannelsChatList.filter(item =>
+ return allSubchannelsList.filter(item =>
searchResultsIDs.includes(item.threadInfo.id),
);
- }, [allSubchannelsChatList, searchResultsIDs, searchTextExists]);
+ }, [allSubchannelsList, searchResultsIDs, searchTextExists]);
+
+ const threadIDsWithNoMessages = React.useMemo(
+ () =>
+ new Set(
+ filteredSubchannelsChatList
+ .filter(item => !item.mostRecentMessageInfo)
+ .map(item => item.threadInfo.id),
+ ),
+ [filteredSubchannelsChatList],
+ );
+ const dispatchActionPromise = useDispatchActionPromise();
+ const fetchSingleMostRecentMessages = useServerCall(
+ fetchSingleMostRecentMessagesFromThreads,
+ );
+
+ React.useEffect(() => {
+ if (!subchannelsIDsNotInChatList.size) {
+ return;
+ }
+ subchannelsIDsNotInChatList.forEach(tID => threadWatcher.watchID(tID));
+
+ return () =>
+ subchannelsIDsNotInChatList.forEach(tID => threadWatcher.removeID(tID));
+ }, [subchannelsIDsNotInChatList]);
+
+ React.useEffect(() => {
+ if (!threadIDsWithNoMessages.size) {
+ return;
+ }
+ dispatchActionPromise(
+ fetchSingleMostRecentMessagesFromThreadsActionTypes,
+ fetchSingleMostRecentMessages(Array.from(threadIDsWithNoMessages)),
+ );
+ }, [
+ threadIDsWithNoMessages,
+ fetchSingleMostRecentMessages,
+ dispatchActionPromise,
+ ]);
const subchannels = React.useMemo(() => {
if (!filteredSubchannelsChatList.length) {
File Metadata
Details
Attached
Mime Type
text/plain
Expires
Tue, Dec 9, 5:33 PM (15 h, 30 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
5856185
Default Alt Text
D3601.1765301621.diff (3 KB)
Attached To
Mode
D3601: [web] Fetch preview messages from non-watched threads in thread subchannels modal
Attached
Detach File
Event Timeline
Log In to Comment