Added messaging presets BOD-107

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

@@ -1,21 +1,29 @@
 import { LoadingOutlined } from "@ant-design/icons";
 import { Input, Spin } from "antd";
-import React, { useEffect, useRef, useState } from "react";
+import React, { useEffect, useRef } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { logImEXEvent } from "../../firebase/firebase.utils";
-import { sendMessage } from "../../redux/messaging/messaging.actions";
-import { selectIsSending } from "../../redux/messaging/messaging.selectors";
+import {
+  sendMessage,
+  setMessage,
+} from "../../redux/messaging/messaging.actions";
+import {
+  selectIsSending,
+  selectMessage,
+} from "../../redux/messaging/messaging.selectors";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
   isSending: selectIsSending,
+  message: selectMessage,
 });
 
 const mapDispatchToProps = (dispatch) => ({
   sendMessage: (message) => dispatch(sendMessage(message)),
+  setMessage: (message) => dispatch(setMessage(message)),
 });
 
 function ChatSendMessageComponent({
@@ -23,13 +31,11 @@ function ChatSendMessageComponent({
   bodyshop,
   sendMessage,
   isSending,
+  message,
+  setMessage,
 }) {
-  const [message, setMessage] = useState("");
   const inputArea = useRef(null);
   useEffect(() => {
-    if (isSending === false) {
-      setMessage("");
-    }
     inputArea.current.focus();
   }, [isSending, setMessage]);