Added allow to text warning flag on messages list IO-235

client/src/components/chat-conversation-list/chat-conversation-list.component.jsx

@@ -1,4 +1,5 @@
-import { Badge, List, Tag } from "antd";
+import { Badge, List, Tag, Tooltip } from "antd";
+import { AlertFilled } from "@ant-design/icons";
 import React from "react";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
@@ -6,6 +7,7 @@ import { setSelectedConversation } from "../../redux/messaging/messaging.actions
 import { selectSelectedConversation } from "../../redux/messaging/messaging.selectors";
 import PhoneFormatter from "../../utils/PhoneFormatter";
 import "./chat-conversation-list.styles.scss";
+import { useTranslation } from "react-i18next";
 
 const mapStateToProps = createStructuredSelector({
   selectedConversation: selectSelectedConversation,
@@ -21,6 +23,8 @@ export function ChatConversationListComponent({
   selectedConversation,
   setSelectedConversation,
 }) {
+  const { t } = useTranslation();
+
   return (
     <div className="chat-list-container">
       <List
@@ -39,11 +43,19 @@ export function ChatConversationListComponent({
             {item.job_conversations.length > 0 ? (
               <div className="chat-name">
                 {item.job_conversations.map((j, idx) => (
-                  <span key={idx}>
-                    {`${j.job.ownr_fn || ""} ${j.job.ownr_ln || ""} ${
+                  <div key={idx} style={{ display: "flex" }}>
+                    {j.job.owner && !j.job.owner.allow_text_message && (
+                      <Tooltip title={t("messaging.labels.noallowtxt")}>
+                        <AlertFilled
+                          className="production-alert"
+                          style={{ marginRight: ".3rem", alignItems: "center" }}
+                        />
+                      </Tooltip>
+                    )}
+                    <div>{`${j.job.ownr_fn || ""} ${j.job.ownr_ln || ""} ${
                       j.job.ownr_co_nm || ""
-                    } `}
-                  </span>
+                    } `}</div>
+                  </div>
                 ))}
               </div>
             ) : (