diff --git a/packages/nulp_elite/src/pages/connections/chat.js b/packages/nulp_elite/src/pages/connections/chat.js
index 1afd854e..00e7664a 100644
--- a/packages/nulp_elite/src/pages/connections/chat.js
+++ b/packages/nulp_elite/src/pages/connections/chat.js
@@ -124,6 +124,8 @@ const Chat = ({
const [toasterOpen, setToasterOpen] = useState(false);
const [toasterMessage, setToasterMessage] = useState("");
const [receiverData, setReceiverData] = useState([]);
+ const [eneteredtextValue, setEnteredTextValue] = useState("");
+ const charLimit = 700;
const [prefilledMessage, setPrefilledMessage] = useState(
"Hello! I’d like to connect with you."
);
@@ -520,6 +522,10 @@ const Chat = ({
const handleTextareaChange = (event) => {
setPrefilledMessage(event.target.value);
setTextValue(event.target.value);
+ const value = event.target.value;
+ if (value.length <= charLimit) {
+ setEnteredTextValue(value);
+ }
};
const onEmojiClick = (event, emojiObject) => {
const { emoji } = event;
@@ -849,7 +855,9 @@ const Chat = ({
fullWidth
sx={{ fontSize: "13px" }}
/>
-
+
+ {`${textValue.length}/${charLimit}`}
+