klbr/khoj
1
0
Fork 0
mirror of https://github.com/khoaliber/khoj.git synced 2026-03-02 21:19:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Show generated diagram raw code if fails rendering

Browse Source
This commit is contained in:
sabaimran
2025-01-29 21:49:33 -08:00
parent b5f99dd103
commit 98e3f5162a
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/interface/web/app/components/mermaid/mermaid.tsx
View File

@@ -141,10 +141,17 @@ const Mermaid: React.FC<MermaidProps> = ({ chart }) => {
return (
<div>
{mermaidError ? (
<div className="flex items-center gap-2 bg-red-100 border border-red-500 rounded-md p-3 mt-3 text-red-900 text-sm">
<Info className="w-12 h-12" />
<span>Error rendering diagram: {mermaidError}</span>
</div>
<>
<div className="flex items-center gap-2 bg-red-100 border border-red-500 rounded-md p-1 mt-3 text-red-900 text-sm">
<Info className="w-12 h-12" />
<span>{mermaidError}</span>
</div>
<code className="block bg-secondary text-secondary-foreground p-4 mt-3 rounded-lg font-mono text-sm whitespace-pre-wrap overflow-x-auto max-h-[400px] border border-gray-200">
{
chart
}
</code>
</>
) : (
<div
id={mermaidId}