BOD-14 Functional 2 way messaging from app.

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

@@ -1,17 +1,33 @@
+import { useSubscription } from "@apollo/react-hooks";
 import React from "react";
-import ChatConversationComponent from "./chat-conversation.component";
-
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
+import { MESSAGES_SUBSCRIPTION } from "../../graphql/messages.queries";
+import ChatConversationComponent from "./chat-conversation.component";
+
 const mapStateToProps = createStructuredSelector({
   //currentUser: selectCurrentUser
 });
 const mapDispatchToProps = dispatch => ({
   //setUserLanguage: language => dispatch(setUserLanguage(language))
 });
+
+export function ChatConversationContainer({ conversation }) {
+  console.log("conversation", conversation);
+  const { loading, error, data } = useSubscription(MESSAGES_SUBSCRIPTION, {
+    variables: { conversationId: conversation.id }
+  });
+
+  return (
+    <ChatConversationComponent
+      subState={[loading, error]}
+      conversation={conversation}
+      messages={(data && data.messages) || []}
+    />
+  );
+}
+
 export default connect(
   mapStateToProps,
   mapDispatchToProps
-)(function ChatConversationContainer({ conversation }) {
-  return <ChatConversationComponent conversation={conversation} />;
-});
+)(ChatConversationContainer);