feat : markdown support on frontend
This commit is contained in:
+1177
File diff suppressed because it is too large
Load Diff
@@ -10,6 +10,7 @@
|
|||||||
"axios": "^1.8.4",
|
"axios": "^1.8.4",
|
||||||
"react": "^19.1.0",
|
"react": "^19.1.0",
|
||||||
"react-dom": "^19.1.0",
|
"react-dom": "^19.1.0",
|
||||||
|
"react-markdown": "^10.1.0",
|
||||||
"react-scripts": "5.0.1",
|
"react-scripts": "5.0.1",
|
||||||
"web-vitals": "^2.1.4"
|
"web-vitals": "^2.1.4"
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -1,4 +1,5 @@
|
|||||||
import React, { useState, useEffect, useRef } from 'react';
|
import React, { useState, useEffect, useRef } from 'react';
|
||||||
|
import ReactMarkdown from 'react-markdown';
|
||||||
import axios from 'axios';
|
import axios from 'axios';
|
||||||
import './App.css';
|
import './App.css';
|
||||||
import { colors } from './colors';
|
import { colors } from './colors';
|
||||||
@@ -193,7 +194,7 @@ function App() {
|
|||||||
{msg.type === 'agent' && (
|
{msg.type === 'agent' && (
|
||||||
<span className="agent-name">{msg.agentName}</span>
|
<span className="agent-name">{msg.agentName}</span>
|
||||||
)}
|
)}
|
||||||
<p>{msg.content}</p>
|
<ReactMarkdown>{msg.content}</ReactMarkdown>
|
||||||
</div>
|
</div>
|
||||||
))
|
))
|
||||||
)}
|
)}
|
||||||
|
|||||||
Reference in New Issue
Block a user