fix: Improve empty state for mermaid diagrams

This commit is contained in:
Tom Moor
2023-07-29 21:12:55 -04:00
parent b88670b58d
commit 30e63e022c
2 changed files with 16 additions and 3 deletions

View File

@@ -67,13 +67,20 @@ function getNewState({
"mermaid-diagram-" + diagramId,
block.node.textContent,
(svgCode) => {
element.classList.remove("parse-error");
element.classList.remove("parse-error", "empty");
element.innerHTML = svgCode;
}
);
} catch (error) {
element.innerText = "Error rendering diagram";
element.classList.add("parse-error");
const isEmpty = block.node.textContent.trim().length === 0;
if (isEmpty) {
element.innerText = "Empty diagram";
element.classList.add("empty");
} else {
element.innerText = "Error rendering diagram";
element.classList.add("parse-error");
}
}
});