closed-group-contacts-redux

ts/components/LeftPane.tsx

@@ -122,6 +122,7 @@ export class LeftPane extends React.Component<Props, State> {
 
     return (
       <LeftPaneMessageSection
+        contacts={this.props.contacts}
         openConversationInternal={openConversationInternal}
         conversations={conversations}
         searchResults={searchResults}

ts/components/session/LeftPaneContactSection.tsx

@@ -29,7 +29,6 @@ export interface Props {
 
   conversations: Array<ConversationListItemPropsType>;
   contacts: Array<ConversationType>;
-
   searchResults?: SearchResultsProps;
 
   updateSearchTerm: (searchTerm: string) => void;

ts/components/session/LeftPaneMessageSection.tsx

@@ -7,6 +7,7 @@ import {
   ConversationListItem,
   PropsData as ConversationListItemPropsType,
 } from '../ConversationListItem';
+import { ConversationType } from '../../state/ducks/conversations';
 import {
   PropsData as SearchResultsProps,
   SearchResults,
@@ -34,6 +35,7 @@ export interface Props {
   searchTerm: string;
   isSecondaryDevice: boolean;
 
+  contacts: Array<ConversationType>;
   conversations?: Array<ConversationListItemPropsType>;
   searchResults?: SearchResultsProps;
 
@@ -313,6 +315,7 @@ export class LeftPaneMessageSection extends React.Component<Props, State> {
 
     const closedGroupElement = (
       <SessionClosableOverlay
+        contacts={this.props.contacts}
         overlayMode={SessionClosableOverlayType.ClosedGroup}
         onChangeSessionID={this.handleOnPaste}
         onCloseClick={() => {
@@ -481,31 +484,6 @@ export class LeftPaneMessageSection extends React.Component<Props, State> {
         });
 
         this.setState({loading: true});
-
-        // Call conversationRenderedResolve when the conversation is rendered.
-        let conversationRenderedResolve: any;
-        const conversationRenderedPromise = async () =>
-          // tslint:disable-next-line: promise-must-complete
-          new Promise(resolve => {
-            conversationRenderedResolve = resolve;
-        });
-      
-        // STOP IT AT THE SOURCE; SELECTORS/CONVERSATIONS.TS
-        const isRenderedInterval = setInterval(async () => {
-          // The conversation is shown in LeftPane when lastMessage is set.
-          // Notify the user when we're ready to render in LeftPane.
-          if ((await OpenGroup.getConversation(serverUrl))?.lastMessage) {
-            conversationRenderedResolve();
-            window.pushToast({
-              title: window.i18n('connectToServerFail'),
-              id: 'connectToServerFail',
-              type: 'error',
-            });
-          }
-        }, 100);
-
-
-
       }
     });
 

ts/components/session/SessionClosableOverlay.tsx

@@ -66,20 +66,10 @@ export class SessionClosableOverlay extends React.Component<Props, State> {
   }
 
   public getContacts() {
-    const conversations = window.getConversations() || [];
-
-    const conversationList = conversations.filter((conversation: any) => {
-      return (
-        !conversation.isMe() &&
-        conversation.isPrivate() &&
-        !conversation.isSecondaryDevice() &&
-        !conversation.isBlocked()
-      );
-    });
+    const contactsList = this.props.contacts ?? [];
 
-    return conversationList.map((d: any) => {
-      const lokiProfile = d.getLokiProfile();
-      const name = lokiProfile ? lokiProfile.displayName : 'Anonymous';
+    return contactsList.map((d: any) => {
+      const name = d.name ?? 'Anonymous';
 
       // TODO: should take existing members into account
       const existingMember = false;
@@ -87,10 +77,10 @@ export class SessionClosableOverlay extends React.Component<Props, State> {
       return {
         id: d.id,
         authorPhoneNumber: d.id,
-        authorProfileName: name,
+        authorProfileName: d.name,
         selected: false,
         authorName: name,
-        authorColor: d.getColor(),
+        authorColor: d.color,
         checkmarked: false,
         existingMember,
       };

ts/state/selectors/conversations.ts

@@ -120,14 +120,22 @@ export const _getLeftPaneLists = (
       };
     }
 
-    const isPublic = conversation.isPublic;
-    console.log('[vince] isPublic:', isPublic);
-    console.log('[vince] isPublic:', isPublic);
-    console.log('[vince] isPublic:', isPublic);
-    console.log('[vince] isPublic:', isPublic);
-    
+    // Add Open Group to list as soon as the name has been set
+    if (conversation.isPublic && (!conversation.name || conversation.name === 'Unknown group')) {
+      continue;
+    }
+
+    // Show loading icon while fetching messages
+    if (conversation.isPublic && !conversation.timestamp) {
+      conversation.lastMessage = {
+        status: 'sending',
+        text: '',
+        isRss: false,
+      };
+    }
+
     // Remove all invalid conversations and conversatons of devices associated with cancelled attempted links
-    if (!conversation.timestamp) {
+    if (!conversation.isPublic && !conversation.timestamp) {
       continue;
     }
 
@@ -139,7 +147,7 @@ export const _getLeftPaneLists = (
       unreadCount += conversation.unreadCount;
     }
 
-    if (!conversation.activeAt) {
+    if (!conversation.isPublic && !conversation.activeAt) {
       continue;
     }