conversation-loading: implement automatic reload upon conversation retrieval

This change aims to prevent the user from needing to refresh the page to view their loaded conversation.

Change-Id: Ie4e0e385d261d5a2ac5cab610463ede3caf8d96a

client/src/components/ConversationList.tsx

@@ -116,14 +116,11 @@ const SummariesTabPanel = (props: TabPanelProps) => {
   const refreshConversationsSummaries = useRefreshConversationsSummaries()
 
   useEffect(() => {
-    function conversationMessageListener() {
-      refreshConversationsSummaries()
-    }
-
-    websocket.bind(WebSocketMessageType.ConversationMessage, conversationMessageListener)
-
+    websocket.bind(WebSocketMessageType.ConversationMessage, refreshConversationsSummaries)
+    websocket.bind(WebSocketMessageType.ConversationReady, refreshConversationsSummaries)
     return () => {
-      websocket.unbind(WebSocketMessageType.ConversationMessage, conversationMessageListener)
+      websocket.unbind(WebSocketMessageType.ConversationMessage, refreshConversationsSummaries)
+      websocket.unbind(WebSocketMessageType.ConversationReady, refreshConversationsSummaries)
     }
   }, [websocket, refreshConversationsSummaries])
 

common/src/enums/websocket-message-type.ts

@@ -30,6 +30,7 @@ export enum WebSocketMessageType {
   LoadMoreMessages = 'load-more-messages',
   LoadSwarmUntil = 'load-swarm-until',
   KnownDevicesChanged = 'known-devices-changed',
+  ConversationReady = 'conversation-ready',
 
   // calls (in the order they should be sent)
   sendCallInvite = 'sendCallInvite',

common/src/interfaces/websocket-interfaces.ts

@@ -47,6 +47,10 @@ export interface ConversationView {
   conversationId: string
 }
 
+export interface ConversationReady {
+  conversationId: string
+}
+
 export interface AccountMessageStatus {
   conversationId: string
   peer: string

common/src/interfaces/websocket-message.ts

@@ -25,6 +25,7 @@ import {
   ComposingStatus,
   ConversationMemberEvent,
   ConversationMessage,
+  ConversationReady,
   ConversationView,
   IAccountDetails,
   IKnownDevicesChanged,
@@ -54,6 +55,7 @@ export interface WebSocketMessageTable {
   [WebSocketMessageType.LoadMoreMessages]: LoadMoreMessages
   [WebSocketMessageType.LoadSwarmUntil]: LoadSwarmUntil
   [WebSocketMessageType.KnownDevicesChanged]: IKnownDevicesChanged
+  [WebSocketMessageType.ConversationReady]: ConversationReady
 
   // calls (in the order they should be sent)
   [WebSocketMessageType.sendCallInvite]: CallInvite

server/src/jamid/jamid.ts

@@ -856,6 +856,9 @@ export class Jamid {
 
     this.events.onConversationReady.subscribe((signal) => {
       log.debug('Received ConversationReady:', JSON.stringify(signal))
+      this.webSocketServer.send(signal.accountId, WebSocketMessageType.ConversationReady, {
+        conversationId: signal.conversationId,
+      })
     })
 
     this.events.onConversationRemoved.subscribe((signal) => {