Diagram Loading ...
;
- renderedDiagram = (
-
@@ -148,7 +107,7 @@ const MermaidViewer: React.FC
= ({ diagram }) => {
/>
resetWidth(e)}
+ onClick={resetWidth}
src={useBaseUrl('/icons/house-regular.svg')}
alt="Reset Zoom"
/>
@@ -169,8 +128,24 @@ const MermaidViewer: React.FC = ({ diagram }) => {
onTouchEnd={setMouseUp}
onMouseLeave={setMouseUp}
>
- {loadingIndicator}
- {renderedDiagram}
+ {mermaidRender ? (
+
+ {diagram}
+
+ ) : (
+ Diagram Loading ...
+ )}
);
diff --git a/src/components/blog/BlogCards/index.tsx b/src/components/blog/BlogCards/index.tsx
index a115e786e..f6f89d84b 100644
--- a/src/components/blog/BlogCards/index.tsx
+++ b/src/components/blog/BlogCards/index.tsx
@@ -29,12 +29,14 @@ interface BlogPost {
readTime: number;
}
-const BlogCards: React.FC