UI Work on chats

client/src/components/chat-open-button/chat-open-button.component.jsx

@@ -0,0 +1,23 @@
+import React from "react";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { openConversation } from "../../redux/messaging/messaging.actions";
+import { Icon } from "antd";
+const mapStateToProps = createStructuredSelector({
+  //currentUser: selectCurrentUser
+});
+const mapDispatchToProps = dispatch => ({
+  openConversation: phone => dispatch(openConversation(phone))
+});
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(function ChatOpenButton({ openConversation, phone }) {
+  return (
+    <Icon
+      style={{ margin: 4 }}
+      type="message"
+      onClick={() => openConversation(phone)}
+    />
+  );
+});