fix: updates

Author: ashishdebnath97

src/visualBuilder/components/Collab/ThreadPopup/CommentResolvedText.tsx

@@ -1,21 +1,14 @@
 /** @jsxImportSource preact */
 import { useMemo } from "preact/hooks";
 import { ICommentResolvedText } from "../../../types/collab.types";
-import {
-    getMessageWithDisplayName,
-    sanitizeData,
-} from "../../../utils/collabUtils";
+import { getMessageWithDisplayName } from "../../../utils/collabUtils";
 import { collabStyles } from "../../../collab.style";
 import classNames from "classnames";
 
 const CommentResolvedText = ({ comment, userState }: ICommentResolvedText) => {
-    const text = useMemo(() => {
-        return getMessageWithDisplayName(comment, userState, "html");
-    }, [comment.message, userState.userMap, comment.toUsers]);
-
     const sanitizedText = useMemo(() => {
-        return sanitizeData(text);
-    }, [text]);
+        return getMessageWithDisplayName(comment, userState, "html") ?? "";
+    }, [comment.message, userState.userMap, comment.toUsers]);
 
     return (
         <div

src/visualBuilder/utils/collabUtils.ts

@@ -87,7 +87,7 @@ export const getMessageWithDisplayName = (
 ): string | undefined => {
     if (!comment) return undefined;
 
-    let tempText = comment.message.replace(/<[^>]*>/g, "");
+    let tempText = sanitizeData(comment.message).replace(/<[^>]*>/g, "");
 
     comment?.toUsers?.forEach((user) => {
         const userPattern = new RegExp(`{{${user}}}`, "g");
@@ -117,7 +117,7 @@ export const sanitizeData = (dirty: any): string => {
  * @returns {Object} The comment body containing the sanitized message and mentioned users.
  */
 export const getCommentBody = (state: ICommentState): ICommentState => {
-    let finalMessage = state.message
+    let finalMessage = sanitizeData(state.message)
         .replace(/[^\S\r\n]+/g, " ")
         .replace(/ *\n */g, "\n")
         .replace(/<[^>]*>/g, "")