Styling changes for messaging.

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

@@ -1,15 +1,15 @@
 import { MessageFilled } from "@ant-design/icons";
 import React from "react";
 import { connect } from "react-redux";
-
+import { openChatByPhone } from "../../redux/messaging/messaging.actions";
 const mapDispatchToProps = (dispatch) => ({
-  //openConversation: (phone) => dispatch(openConversation(phone)),
+  openChatByPhone: (phone) => dispatch(openChatByPhone(phone)),
 });
-export function ChatOpenButton({ phone }) {
+export function ChatOpenButton({ phone, openChatByPhone }) {
   return (
     <MessageFilled
       style={{ margin: 4 }}
-      onClick={() => alert("TODO FIX ME" + phone)}
+      onClick={() => openChatByPhone(phone)}
     />
   );
 }