feat: modify CodeBlock

axnir · May 7, 2023 · 23ef102 · 23ef102
1 parent 2ee0787
commit 23ef102
Showing 1 changed file with 15 additions and 6 deletions.
diff --git a/app/components/ui/CodeBlock.tsx b/app/components/ui/CodeBlock.tsx
@@ -55,13 +55,22 @@ export default async function CodeBlock(
 
   // TODOsupport dark mode
   const lightHtml = renderToHTML('light');
-  // const darkHtml = renderToHTML('dark');
+  const darkHtml = renderToHTML('dark');
 
   return (
-    <div
-      dangerouslySetInnerHTML={{
-        __html: lightHtml,
-      }}
-    />
+    <>
+      <div
+        className="dark:hidden"
+        dangerouslySetInnerHTML={{
+          __html: lightHtml,
+        }}
+      ></div>
+      <div
+        className="hidden dark:block"
+        dangerouslySetInnerHTML={{
+          __html: darkHtml,
+        }}
+      ></div>
+    </>
   );
 }