Add markdown rendering support to WF and PS log components

Zipstack · Nov 22, 2024 · c016753 · c016753
1 parent c685aba
commit c016753
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/frontend/src/components/agency/display-logs/DisplayLogs.jsx b/frontend/src/components/agency/display-logs/DisplayLogs.jsx
@@ -1,5 +1,6 @@
 import { useEffect, useRef } from "react";
 import { Col, Row, Typography } from "antd";
+import ReactMarkdown from "markdown-to-jsx";
 
 import "./DisplayLogs.css";
 import { useSocketLogsStore } from "../../../store/socket-logs-store";
@@ -38,7 +39,7 @@ function DisplayLogs() {
               </Col>
               <Col span={8}>
                 <Typography className="display-logs-col">
-                  {log?.message}
+                  <ReactMarkdown>{log?.message}</ReactMarkdown>
                 </Typography>
               </Col>
               <Col span={2}>

diff --git a/frontend/src/components/custom-tools/display-logs/DisplayLogs.jsx b/frontend/src/components/custom-tools/display-logs/DisplayLogs.jsx
@@ -1,5 +1,6 @@
 import { useEffect, useRef } from "react";
 import { Col, Row, Typography } from "antd";
+import ReactMarkdown from "markdown-to-jsx";
 
 import "../../agency/display-logs/DisplayLogs.css";
 import { useSocketCustomToolStore } from "../../../store/socket-custom-tool";
@@ -49,7 +50,7 @@ function DisplayLogs() {
               </Col>
               <Col span={8}>
                 <Typography className="display-logs-col">
-                  {message?.message}
+                  <ReactMarkdown>{message?.message}</ReactMarkdown>
                 </Typography>
               </Col>
             </Row>