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

Fallback to show raw outputted diagram if fails rendering

Browse Source
This commit is contained in:
sabaimran
2025-01-29 21:50:28 -08:00
parent c3cb6086e0
commit b73f446713
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 ( return (
<div> <div>
{mermaidError ? ( {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" /> <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">
<span>Error rendering diagram: {mermaidError}</span> <Info className="w-12 h-12" />
</div> <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 <div
id={mermaidId} id={mermaidId}