feat(markdown): made gemini render in markdown

This commit is contained in:
JK-le-dev 2025-10-18 23:48:04 -05:00
commit 6fd667edb2
3 changed files with 9000 additions and 7846 deletions

1172
web-app/package-lock.json generated

File diff suppressed because it is too large Load diff

View file

@ -28,6 +28,7 @@
"react": "^19.2.0",
"react-bootstrap": "^2.10.10",
"react-dom": "^19.2.0",
"react-markdown": "^10.1.0",
"react-router": "^7.9.4",
"react-router-dom": "^7.9.4",
"vite-jsconfig-paths": "^2.0.1"

View file

@ -1,4 +1,5 @@
import React, { useRef, useEffect } from "react";
import ReactMarkdown from "react-markdown";
function MessageBubble({ message }) {
const isUser = message.role === "user";
@ -7,7 +8,11 @@ function MessageBubble({ message }) {
<div
className={`p-3 rounded-xl ${isUser ? "bg-indigo-600 text-white rounded-tr-sm" : "bg-gray-700 text-slate-100 rounded-tl-sm"}`}
>
{isUser ? (
<div className="text-sm">{message.content}</div>
) : (
<ReactMarkdown>{message.content}</ReactMarkdown>
)}
</div>
</div>
);