fixed wrong theme changing

Author: programmer-rahul

app/components/code-capture/controls/control-options.tsx

@@ -52,7 +52,7 @@ export default function ControlOptions() {
           <Select
             onValueChange={(value) => {
               changeEditorTheme(value);
-              updateEditorWindowTheme();
+              updateEditorWindowTheme(value);
             }}
           >
             <SelectTrigger>

app/components/code-capture/preview/window-header.tsx

@@ -5,8 +5,6 @@ import useStore from "@/lib/store/store";
 export default function WindowHeader() {
   const editorThemeColors = useStore((state) => state.editorThemeColors);
 
-  console.log("edit", editorThemeColors);
-
   return (
     <div
       className="window-header rounded-t-md flex justify-between w-full py-3 px-4 items-center"

hooks/editor-theme.tsx

@@ -2,17 +2,14 @@ import { applyTheme } from "@/lib/editor/themes/apply-theme";
 import useStore from "@/lib/store/store";
 
 export default function useEditorTheme() {
-    
-  const editorTheme = useStore((state) => state.editorTheme);
-  const editorThemeColors = useStore((state) => state.editorThemeColors);
+  
   const changeEditorThemeColors = useStore(
     (state) => state.changeEditorThemeColors
   );
 
-  const updateEditorWindowTheme = async () => {
-    const colors = await applyTheme(editorTheme);
+  const updateEditorWindowTheme = async (themeName: string) => {
+    const colors = await applyTheme(themeName);
     changeEditorThemeColors(colors);
-    13;
   };
 
   return { updateEditorWindowTheme };

lib/editor/themes/apply-theme.ts

@@ -1,7 +1,8 @@
 import { loader } from "@monaco-editor/react";
 
 const applyTheme = async (themeName: string) => {
-  console.log(themeName);
+  console.log("themeName", themeName);
+
   let themeData = await import(`monaco-themes/themes/${themeName}.json`);
 
   themeName &&

lib/monoco-editor.tsx

@@ -13,6 +13,8 @@ export default function MonacoEditor() {
   const windowWidth = useStore((state) => state.windowWidth);
   const changeWindowWidth = useStore((state) => state.changeWindowWidth);
 
+  const editorTheme = useStore((state) => state.editorTheme);
+
   const editorLanguage = useStore((state) => state.editorLanguage);
 
   // to adjust editor width based on its content
@@ -27,8 +29,6 @@ export default function MonacoEditor() {
     }
   };
 
-  console.log("changed language", editorLanguage);
-
   return (
     <Editor
       language={editorLanguage}
@@ -41,7 +41,7 @@ export default function MonacoEditor() {
       theme="vs-dark"
       onMount={(editor) => {
         editorRef.current = editor;
-        updateEditorWindowTheme();
+        updateEditorWindowTheme(editorTheme);
       }}
       onChange={() => {
         controlEditorWidth();