BOD-14 Functional 2 way messaging from app.

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

@@ -12,19 +12,17 @@ import ChatOverlayComponent from "./chat-overlay.component";
 
 const mapStateToProps = createStructuredSelector({
   chatVisible: selectChatVisible,
-  conversations: selectConversations
+  activeConversations: selectConversations
 });
 
 const mapDispatchToProps = dispatch => ({
   toggleChatVisible: () => dispatch(toggleChatVisible())
 });
-export default connect(
-  mapStateToProps,
-  mapDispatchToProps
-)(function ChatWindowContainer({
+
+export function ChatOverlayContainer({
   chatVisible,
   toggleChatVisible,
-  conversations
+  activeConversations
 }) {
   return (
     <Affix offsetBottom={0}>
@@ -35,14 +33,20 @@ export default connect(
             toggleChatVisible={toggleChatVisible}
           />
         </Badge>
-        {conversations
-          ? conversations.map((conversation, idx) => (
-              <Badge key={idx} count={5}>
-                <ChatConversationContainer conversation={conversation} />
-              </Badge>
+        {activeConversations
+          ? activeConversations.map(conversation => (
+              <ChatConversationContainer
+                conversation={conversation}
+                key={conversation.id}
+              />
             ))
           : null}
       </div>
     </Affix>
   );
-});
+}
+
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(ChatOverlayContainer);