Merge branch 'next'

readmeio · Oct 25, 2024 · 93560ca · 93560ca
2 parents 812379b + 02bf11a
commit 93560ca
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 11 deletions.
diff --git a/Makefile b/Makefile
@@ -18,7 +18,7 @@ endif
 
 build:
 	@echo USE_LEGACY=$(USE_LEGACY)
-	docker build --platform linux/amd64 -t markdown $(dockerfile) --build-arg REACT_VERSION=${REACT_VERSION} .
+	docker build -t markdown $(dockerfile) --build-arg REACT_VERSION=${REACT_VERSION} .
 
 # This lets us call `make run test.browser`. Make expects cmdline args
 # to be targets. So this creates noop targets out of args. Copied from

diff --git a/...isual-regression-tests-rdmd-syntax-renders-mermaid-without-surprises-1-snap.png b/...isual-regression-tests-rdmd-syntax-renders-mermaid-without-surprises-1-snap.png
diff --git a/components/Code/style.scss b/components/Code/style.scss
@@ -86,7 +86,7 @@
 
   pre.mermaid {
     &_single {
-      background: var(--color-bg-page, white);
+      background: none;
     }
   }
 

diff --git a/components/CodeTabs/index.tsx b/components/CodeTabs/index.tsx
@@ -5,20 +5,21 @@ import React, { useEffect } from 'react';
 
 let mermaid: Mermaid;
 
-if (typeof window !== 'undefined') {
-  import('mermaid').then(module => {
-    mermaid = module.default;
-  });
-}
 
 const CodeTabs = props => {
   const { children, theme } = props;
 
-  // set Mermaid theme
+  // render Mermaid diagram
   useEffect(() => {
-    mermaid?.initialize({
-      theme: theme === 'dark' ? 'dark' : 'default',
-    });
+    if (typeof window !== 'undefined') {
+      import('mermaid').then(module => {
+        mermaid = module.default;
+        mermaid.initialize({
+          theme: theme === 'dark' ? 'dark' : 'default',
+        });
+        mermaid.contentLoaded();
+      });
+    }
   }, [theme]);
 
   function handleClick({ target }, index: number) {