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}`} +