Refactored Messaging as a part of BOD-14. Breaking changes remain.

client/src/components/chat-send-message/chat-send-message.component.jsx

@@ -8,10 +8,10 @@ import { sendMessage } from "../../redux/messaging/messaging.actions";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 
 const mapStateToProps = createStructuredSelector({
-  bodyshop: selectBodyshop
+  bodyshop: selectBodyshop,
 });
-const mapDispatchToProps = dispatch => ({
-  sendMessage: message => dispatch(sendMessage(message))
+const mapDispatchToProps = (dispatch) => ({
+  sendMessage: (message) => dispatch(sendMessage(message)),
 });
 
 function ChatSendMessageComponent({ conversation, bodyshop, sendMessage }) {
@@ -29,7 +29,7 @@ function ChatSendMessageComponent({ conversation, bodyshop, sendMessage }) {
       to: conversation.phone_num,
       body: message,
       messagingServiceSid: bodyshop.messagingservicesid,
-      conversationid: conversation.id
+      conversationid: conversation.conversationId,
     });
   };
 
@@ -43,8 +43,8 @@ function ChatSendMessageComponent({ conversation, bodyshop, sendMessage }) {
         value={message}
         disabled={conversation.isSending}
         placeholder={t("messaging.labels.typeamessage")}
-        onChange={e => setMessage(e.target.value)}
-        onPressEnter={event => {
+        onChange={(e) => setMessage(e.target.value)}
+        onPressEnter={(event) => {
           event.preventDefault();
           if (!!!event.shiftKey) handleEnter();
         }}
@@ -54,7 +54,7 @@ function ChatSendMessageComponent({ conversation, bodyshop, sendMessage }) {
         indicator={
           <LoadingOutlined
             style={{
-              fontSize: 24
+              fontSize: 24,
             }}
             spin
           />