jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Update Markdown library import and variable usage

Browse source
This commit is contained in:
Gabriel Luiz Freitas Almeida 2024-02-20 22:53:30 -03:00
commit 4ad215e4cd
1 changed files with 7 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/frontend/src/components/newChatView/chatMessage/index.tsx
View file

@ -1,6 +1,6 @@
import Convert from "ansi-to-html"; import Convert from "ansi-to-html";
import { useMemo, useState } from "react"; import { useMemo, useState } from "react";
import ReactMarkdown from "react-markdown"; import Markdown from "react-markdown";
import rehypeMathjax from "rehype-mathjax"; import rehypeMathjax from "rehype-mathjax";
import remarkGfm from "remark-gfm"; import remarkGfm from "remark-gfm";
import remarkMath from "remark-math"; import remarkMath from "remark-math";
@ -22,6 +22,8 @@ export default function ChatMessage({
const [hidden, setHidden] = useState(true); const [hidden, setHidden] = useState(true);
const template = chat.template; const template = chat.template;
const [promptOpen, setPromptOpen] = useState(false); const [promptOpen, setPromptOpen] = useState(false);
const chat_message = chat.message.toString();
return ( return (
<div <div
className={classNames("form-modal-chat-position", chat.isSend ? "" : " ")} className={classNames("form-modal-chat-position", chat.isSend ? "" : " ")}
@ -84,7 +86,7 @@ export default function ChatMessage({
className="h-8 w-8 animate-pulse" className="h-8 w-8 animate-pulse"
/> />
) : ( ) : (
<ReactMarkdown <Markdown
remarkPlugins={[remarkGfm, remarkMath]} remarkPlugins={[remarkGfm, remarkMath]}
rehypePlugins={[rehypeMathjax]} rehypePlugins={[rehypeMathjax]}
className="markdown prose min-w-full text-primary word-break-break-word className="markdown prose min-w-full text-primary word-break-break-word
@ -143,10 +145,10 @@ export default function ChatMessage({
}, },
}} }}
> >
{chat.message.toString()} {chat_message}
</ReactMarkdown> </Markdown>
), ),
[chat.message, chat.message.toString()] [chat.message, chat_message]
)} )}
</div> </div>
{chat.files && ( {chat.files && (