Update frontend/src/components/ChatInterface.jsx
Browse files
frontend/src/components/ChatInterface.jsx
CHANGED
|
@@ -18,7 +18,9 @@ saveBotResponse, toLogin }) => {
|
|
| 18 |
};
|
| 19 |
useEffect(scrollToBottom, [messages]);
|
| 20 |
|
| 21 |
-
|
|
|
|
|
|
|
| 22 |
|
| 23 |
|
| 24 |
const streamResponse = (response) => {
|
|
@@ -183,13 +185,13 @@ saveBotResponse, toLogin }) => {
|
|
| 183 |
</div>
|
| 184 |
);
|
| 185 |
})}
|
| 186 |
-
|
| 187 |
-
|
| 188 |
-
|
| 189 |
-
|
| 190 |
-
</div>
|
| 191 |
</div>
|
| 192 |
-
|
|
|
|
| 193 |
|
| 194 |
{isLoading && (
|
| 195 |
<div className="message bot">
|
|
|
|
| 18 |
};
|
| 19 |
useEffect(scrollToBottom, [messages]);
|
| 20 |
|
| 21 |
+
const isMarkdown = (text) => {
|
| 22 |
+
return /(?:\*\*|__|##|\*|_|`|>|\d+\.\s|\-\s|\[.*\]\(.*\))/.test(text);
|
| 23 |
+
};
|
| 24 |
|
| 25 |
|
| 26 |
const streamResponse = (response) => {
|
|
|
|
| 185 |
</div>
|
| 186 |
);
|
| 187 |
})}
|
| 188 |
+
{isStreaming && (
|
| 189 |
+
<div className="message bot">
|
| 190 |
+
<div className="message-content streaming-message">
|
| 191 |
+
<ReactMarkdown>{streamingText}</ReactMarkdown>
|
|
|
|
| 192 |
</div>
|
| 193 |
+
</div>
|
| 194 |
+
)}
|
| 195 |
|
| 196 |
{isLoading && (
|
| 197 |
<div className="message bot">
|