feature/IO-3000-Migrate-MSG-to-Sockets - Progress Checkpoint

Signed-off-by: Dave Richer <dave@imexsystems.ca>

client/src/components/chat-conversation/chat-conversation.component.jsx

@@ -12,8 +12,6 @@ export default function ChatConversationComponent({ subState, conversation, mess
   if (loading) return <LoadingSkeleton />;
   if (error) return <AlertComponent message={error.message} type="error" />;
 
-  console.dir(conversation);
-
   return (
     <div
       className="chat-conversation"

client/src/components/chat-conversation/chat-conversation.container.jsx

@@ -5,18 +5,15 @@ import { selectSelectedConversation } from "../../redux/messaging/messaging.sele
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import ChatConversationComponent from "./chat-conversation.component";
 import SocketContext from "../../contexts/SocketIO/socketContext.jsx";
-import { updateUnreadCount } from "../../redux/messaging/messaging.actions.js";
 
 const mapStateToProps = createStructuredSelector({
   selectedConversation: selectSelectedConversation,
   bodyshop: selectBodyshop
 });
 
-const mapDispatchToProps = (dispatch) => ({
-  updateUnreadCounts: (data) => dispatch(updateUnreadCount(data.conversationId, data.unreadcnt))
-});
+const mapDispatchToProps = (dispatch) => ({});
 
-export function ChatConversationContainer({ bodyshop, selectedConversation, updateUnreadCounts }) {
+export function ChatConversationContainer({ bodyshop, selectedConversation }) {
   const { socket } = useContext(SocketContext);
   const [conversationDetails, setConversationDetails] = useState({});
   const [messages, setMessages] = useState([]);
@@ -40,10 +37,6 @@ export function ChatConversationContainer({ bodyshop, selectedConversation, upda
         setMessages((prevMessages) => [...prevMessages, message]);
       });
 
-      socket.on("unread-count-updated", (data) => {
-        updateUnreadCounts(data);
-      });
-
       socket.on("conversation-list-updated", (data) => {
         setConversationDetails(data.conversation);
         setMessages(data.messages);
@@ -53,11 +46,10 @@ export function ChatConversationContainer({ bodyshop, selectedConversation, upda
         socket.emit("leave-conversation", selectedConversation);
         socket.off("conversation-details");
         socket.off("new-message");
-        socket.off("unread-count-updated");
         socket.off("conversation-list-updated");
       };
     }
-  }, [socket, selectedConversation, updateUnreadCounts]);
+  }, [socket, selectedConversation]);
 
   // Mark messages as read
   const handleMarkConversationAsRead = async () => {

client/src/contexts/SocketIO/useSocket.js

@@ -47,14 +47,12 @@ const useSocket = (bodyshop) => {
           };
 
           const handleConnect = () => {
-            console.log("Socket connected:", socketInstance.id);
             socketInstance.emit("join-bodyshop-room", bodyshop.id);
             setClientId(socketInstance.id);
             store.dispatch(setWssStatus("connected"));
           };
 
           const handleReconnect = (attempt) => {
-            console.log(`Socket reconnected after ${attempt} attempts`);
             store.dispatch(setWssStatus("connected"));
           };
 
@@ -64,7 +62,6 @@ const useSocket = (bodyshop) => {
           };
 
           const handleDisconnect = () => {
-            console.log("Socket disconnected");
             store.dispatch(setWssStatus("disconnected"));
           };
 
@@ -81,13 +78,8 @@ const useSocket = (bodyshop) => {
             dispatch({ type: "ADD_MESSAGE", payload: data.message });
           };
 
-          // const handleReadUpdated = ({ conversationId }) => {
-          //   dispatch({ type: "UPDATE_UNREAD_COUNT", payload: conversationId });
-          // };
-
           socketInstance.on("messaging-list", handleMessagingList);
           socketInstance.on("new-message", handleNewMessage);
-          // socketInstance.on("mark-as-read", handleReadUpdated);
           socketInstance.on("connect", handleConnect);
           socketInstance.on("reconnect", handleReconnect);
           socketInstance.on("connect_error", handleConnectionError);

client/src/redux/messaging/messaging.reducer.js

@@ -6,8 +6,10 @@ const INITIAL_STATE = {
   isSending: false,
   error: null,
   message: null,
-  conversations: [], // Holds the list of conversations
-  messages: [], // Holds the list of messages for the selected conversation
+  conversations: {
+    conversations: []
+  },
+  messages: [],
   unreadcnt: 0,
   searchingForConversation: false
 };
@@ -72,34 +74,19 @@ const messagingReducer = (state = INITIAL_STATE, action) => {
       };
 
     case MessagingActionTypes.ADD_CONVERSATION:
-      return {
-        ...state,
-        conversations: [...state.conversations, action.payload]
-      };
-
-    case MessagingActionTypes.UPDATE_UNREAD_COUNT:
       return {
         ...state,
         conversations: {
           ...state.conversations,
-          conversations: state.conversations.conversations.map((conversation) =>
-            conversation.id === action.payload.conversationId
-              ? { ...conversation, unreadcnt: action.payload.unreadcnt } // Update unread count to the value in the payload
-              : conversation
-          )
-        },
-        unreadcnt: Math.max(
-          state.conversations.conversations.reduce(
-            (total, conversation) =>
-              conversation.id === action.payload.conversationId
-                ? total + action.payload.unreadcnt
-                : total + conversation.unreadcnt,
-            0
-          ),
-          0
-        ) // Recalculate the global unreadcnt based on all conversations
+          conversations: [
+            ...(state.conversations.conversations || []),
+            {
+              ...action.payload, // Ensure all fields from payload are included
+              messages_aggregate: action.payload.messages_aggregate || { aggregate: { count: 0 } }
+            }
+          ]
+        }
       };
-
     default:
       return state;
   }