feature/IO-3182-Phone-Number-Consent - Checkpoint

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

@@ -1,5 +1,5 @@
-import { LoadingOutlined, SendOutlined } from "@ant-design/icons";
-import { Alert, Input, Space, Spin } from "antd";
+import { ExclamationCircleOutlined, LoadingOutlined, SendOutlined } from "@ant-design/icons";
+import { Alert, Input, Space, Spin, Tooltip } from "antd";
 import { useEffect, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
@@ -69,7 +69,16 @@ function ChatSendMessageComponent({ conversation, bodyshop, sendMessage, isSendi
 
   return (
     <Space direction="vertical" style={{ width: "100%" }} size="middle">
-      {isOptedOut && <Alert message={t("messaging.errors.no_consent")} type="error" />}
+      {isOptedOut && (
+        <Tooltip title={t("consent.text_body")}>
+          <Alert
+            showIcon={true}
+            icon={<ExclamationCircleOutlined />}
+            message={t("messaging.errors.no_consent")}
+            type="error"
+          />
+        </Tooltip>
+      )}
       <div className="imex-flex-row" style={{ width: "100%" }}>
         {!isOptedOut && (
           <>