BOD-14 Fixed some broken UI with temporary hard coded valeus. Added basic Chat tagging features

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

@@ -6,22 +6,30 @@ import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { sendMessage } from "../../redux/messaging/messaging.actions";
 import { selectBodyshop } from "../../redux/user/user.selectors";
+import { selectIsSending } from "../../redux/messaging/messaging.selectors";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
+  isSending: selectIsSending,
 });
 const mapDispatchToProps = (dispatch) => ({
   sendMessage: (message) => dispatch(sendMessage(message)),
 });
 
-function ChatSendMessageComponent({ conversation, bodyshop, sendMessage }) {
+function ChatSendMessageComponent({
+  conversation,
+  bodyshop,
+  sendMessage,
+  isSending,
+}) {
   const [message, setMessage] = useState("");
 
   useEffect(() => {
-    if (conversation.isSending === false) {
+    if (isSending === false) {
       setMessage("");
     }
-  }, [conversation, setMessage]);
+  }, [isSending, setMessage]);
+
   const { t } = useTranslation();
 
   const handleEnter = () => {
@@ -29,7 +37,7 @@ function ChatSendMessageComponent({ conversation, bodyshop, sendMessage }) {
       to: conversation.phone_num,
       body: message,
       messagingServiceSid: bodyshop.messagingservicesid,
-      conversationid: conversation.conversationId,
+      conversationid: conversation.id,
     });
   };
 
@@ -41,7 +49,7 @@ function ChatSendMessageComponent({ conversation, bodyshop, sendMessage }) {
         suffix={<span>a</span>}
         autoSize={{ minRows: 1, maxRows: 4 }}
         value={message}
-        disabled={conversation.isSending}
+        disabled={isSending}
         placeholder={t("messaging.labels.typeamessage")}
         onChange={(e) => setMessage(e.target.value)}
         onPressEnter={(event) => {
@@ -50,7 +58,7 @@ function ChatSendMessageComponent({ conversation, bodyshop, sendMessage }) {
         }}
       />
       <Spin
-        style={{ display: `${conversation.isSending ? "" : "none"}` }}
+        style={{ display: `${isSending ? "" : "none"}` }}
         indicator={
           <LoadingOutlined
             style={{