Added manual conversation creation BOD-379

client/src/components/chat-popup/chat-popup.component.jsx

@@ -9,6 +9,7 @@ import ChatConversationListComponent from "../chat-conversation-list/chat-conver
 import ChatConversationContainer from "../chat-conversation/chat-conversation.container";
 import { selectSelectedConversation } from "../../redux/messaging/messaging.selectors";
 import "./chat-popup.styles.scss";
+import ChatNewConversation from "../chat-new-conversation/chat-new-conversation.component";
 
 const mapStateToProps = createStructuredSelector({
   selectedConversation: selectSelectedConversation,
@@ -25,9 +26,12 @@ export function ChatPopupComponent({
   const { t } = useTranslation();
   return (
     <div className="chat-popup">
-      <Typography.Title level={4}>
-        {t("messaging.labels.messaging")}
-      </Typography.Title>
+      <div style={{ display: "flex", alignItems: "center" }}>
+        <Typography.Title level={4}>
+          {t("messaging.labels.messaging")}
+        </Typography.Title>
+        <ChatNewConversation />
+      </div>
       <ShrinkOutlined
         onClick={() => toggleChatVisible()}
         style={{ position: "absolute", right: ".5rem", top: ".5rem" }}