UI Work on chats

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

@@ -1,4 +1,4 @@
-import { Affix, Button, Badge } from "antd";
+import { Affix, Badge } from "antd";
 import React from "react";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
@@ -7,8 +7,8 @@ import {
   selectChatVisible,
   selectConversations
 } from "../../redux/messaging/messaging.selectors";
-import ChatOverlayComponent from "./chat-overlay.component";
 import ChatConversationContainer from "../chat-conversation/chat-conversation.container";
+import ChatOverlayComponent from "./chat-overlay.component";
 
 const mapStateToProps = createStructuredSelector({
   chatVisible: selectChatVisible,
@@ -26,9 +26,8 @@ export default connect(
   toggleChatVisible,
   conversations
 }) {
-  console.log("conversations", conversations);
   return (
-    <Affix offsetBottom={25} style={{ padding: "10px, 10px, 10px, 10px" }}>
+    <Affix offsetBottom={0}>
       <div>
         <Badge count={10}>
           <ChatOverlayComponent
@@ -38,7 +37,7 @@ export default connect(
         </Badge>
         {conversations
           ? conversations.map((conversation, idx) => (
-              <Badge count={5}>
+              <Badge key={idx} count={5}>
                 <ChatConversationContainer conversation={conversation} />
               </Badge>
             ))