From c127790fd768125f93b1c5122bc6c1bf1906f8a3 Mon Sep 17 00:00:00 2001
From: kangfenmao <kangfenmao@qq.com>
Date: Sat, 9 Nov 2024 15:02:38 +0800
Subject: [PATCH] fix: removed theme dependency in syntaxhighlighterprovider,
 added mermaid delay

---
 .../src/context/SyntaxHighlighterProvider.tsx    |  2 +-
 src/renderer/src/hooks/useMermaid.ts             | 16 +++++++++-------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/renderer/src/context/SyntaxHighlighterProvider.tsx b/src/renderer/src/context/SyntaxHighlighterProvider.tsx
index 650146f725..c8e747aae9 100644
--- a/src/renderer/src/context/SyntaxHighlighterProvider.tsx
+++ b/src/renderer/src/context/SyntaxHighlighterProvider.tsx
@@ -49,7 +49,7 @@ export const SyntaxHighlighterProvider: React.FC<PropsWithChildren> = ({ childre
     }
 
     initHighlighter()
-  }, [highlighterTheme, theme])
+  }, [highlighterTheme])
 
   const codeToHtml = async (code: string, language: string) => {
     if (!highlighter) return ''
diff --git a/src/renderer/src/hooks/useMermaid.ts b/src/renderer/src/hooks/useMermaid.ts
index c4ac40dba5..c0ecc1a09b 100644
--- a/src/renderer/src/hooks/useMermaid.ts
+++ b/src/renderer/src/hooks/useMermaid.ts
@@ -23,13 +23,15 @@ export const useMermaid = () => {
   }, [])
 
   useEffect(() => {
-    if (window.mermaid) {
-      window.mermaid.initialize({
-        startOnLoad: true,
-        theme: theme === ThemeMode.dark ? 'dark' : 'default'
-      })
-      window.mermaid.contentLoaded()
-    }
+    setTimeout(() => {
+      if (window.mermaid) {
+        window.mermaid.initialize({
+          startOnLoad: true,
+          theme: theme === ThemeMode.dark ? 'dark' : 'default'
+        })
+        window.mermaid.contentLoaded()
+      }
+    }, 2000)
   }, [theme])
 
   useEffect(() => {