refactor: editor-viewer using react-monaco-editor

2024-07-02 21:02:29 +08:00
parent 13618e6a0a
commit bf158b3bf0
8 changed files with 195 additions and 182 deletions
--- a/src/components/setting/mods/config-viewer.tsx
+++ b/src/components/setting/mods/config-viewer.tsx
@@ -22,15 +22,14 @@ export const ConfigViewer = forwardRef<DialogRef>((_, ref) => {

  return (
    <EditorViewer
+      open={open}
      title={
        <Box>
          {t("Runtime Config")}
          <Chip label={t("ReadOnly")} size="small" />
        </Box>
      }
-      mode="text"
-      property={runtimeConfig}
-      open={open}
+      initialData={Promise.resolve(runtimeConfig)}
      readOnly
      language="yaml"
      schema="clash"