Fix theme bug with code preview

This commit is contained in:
bkellam 2024-08-27 21:09:25 -07:00
parent a83eef57e2
commit 8c38d983c6

View file

@ -5,7 +5,7 @@ import { ScrollArea } from "@/components/ui/scroll-area";
import { EditorView, keymap, ViewPlugin, ViewUpdate } from "@codemirror/view"; import { EditorView, keymap, ViewPlugin, ViewUpdate } from "@codemirror/view";
import { Cross1Icon, FileIcon } from "@radix-ui/react-icons"; import { Cross1Icon, FileIcon } from "@radix-ui/react-icons";
import { useTheme } from "next-themes"; import { useTheme } from "next-themes";
import { useMemo, useState } from "react"; import { useEffect, useMemo, useState } from "react";
import CodeMirror from '@uiw/react-codemirror'; import CodeMirror from '@uiw/react-codemirror';
import { vim } from "@replit/codemirror-vim"; import { vim } from "@replit/codemirror-vim";
import { defaultKeymap } from "@codemirror/commands"; import { defaultKeymap } from "@codemirror/commands";
@ -32,7 +32,7 @@ export const CodePreview = ({
} }
return _theme ?? "light"; return _theme ?? "light";
}, [_theme]); }, [_theme, systemTheme]);
const [gutterWidth, setGutterWidth] = useState(0); const [gutterWidth, setGutterWidth] = useState(0);
const gutterWidthPlugin = useMemo(() => { const gutterWidthPlugin = useMemo(() => {