fixed spectra syntax on theme change

se-buw · Jun 5, 2024 · 19b94c2 · 19b94c2
1 parent ac63513
commit 19b94c2
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/frontend/src/components/Playground/Editor.jsx b/frontend/src/components/Playground/Editor.jsx
@@ -17,10 +17,6 @@ const CodeEditor = (props) => {
   const [internalEditorValue, setInternalEditorValue] = useState(props.editorValue);
   const [language, setLanguage] = useState(props.language.id);
   const [decorationIds, setDecorationIds] = useState([]);
-  const [editorTheme, setEditorTheme] = useState(()=> {
-    const storedTheme = localStorage.getItem('isDarkTheme');
-    return storedTheme ? 'vs-dark' : 'vs';
-  });
 
   /**
   * Sets the editor value when the editorValue prop changes.
@@ -112,6 +108,12 @@ const CodeEditor = (props) => {
     monaco.editor.setTheme('spectraTheme');
   }
 
+  useEffect(() => {
+    if(editorRef.current){
+      handleEditorDidMount(editorRef.current, window.monaco)
+    }
+  }, [props.editorTheme]);
+
   /**
    * Gets the editor value and sets the editorValue prop.
    * @param {*} value