diff --git a/src/frontend/src/components/chatComponent/chatMessage/index.tsx b/src/frontend/src/components/chatComponent/chatMessage/index.tsx index 6c9e24407..9e3586d23 100644 --- a/src/frontend/src/components/chatComponent/chatMessage/index.tsx +++ b/src/frontend/src/components/chatComponent/chatMessage/index.tsx @@ -7,7 +7,7 @@ import { useState } from "react"; import { ChatMessageType } from "../../../types/chat"; import { nodeColors } from "../../../utils"; import Convert from "ansi-to-html"; -var convert = new Convert({newline:true}); +const convert = new Convert({ newline: true }); export default function ChatMessage({ chat }: { chat: ChatMessageType }) { const [hidden, setHidden] = useState(true); diff --git a/src/frontend/src/modals/chatModal/chatMessage/index.tsx b/src/frontend/src/modals/chatModal/chatMessage/index.tsx index 8f18e2f3b..f7131e1e5 100644 --- a/src/frontend/src/modals/chatModal/chatMessage/index.tsx +++ b/src/frontend/src/modals/chatModal/chatMessage/index.tsx @@ -14,6 +14,7 @@ import { CodeBlock } from "./codeBlock"; import Convert from "ansi-to-html"; export default function ChatMessage({ chat, lockChat }: { chat: ChatMessageType, lockChat: boolean }) { + const convert = new Convert({ newline: true }); const [message, setMessage] = useState(""); const imgRef = useRef(null); useEffect(() => { @@ -35,9 +36,9 @@ export default function ChatMessage({ chat, lockChat }: { chat: ChatMessageType, )} > {!chat.isSend &&