refactor(useProblemEditor): refactor to use useProblemEditorStore for state management

src/hooks/use-problem-editor.ts

@@ -1,7 +1,7 @@
 import { getPath } from "@/lib/utils";
 import { EditorLanguage } from "@prisma/client";
 import { useCallback, useEffect, useMemo } from "react";
-import { useProblemEditorStoreInstance } from "@/providers/problem-editor-provider";
+import { useProblemEditorStore } from "@/providers/problem-editor-provider";
 
 /**
  * Generates a unique localStorage key for storing the editor language of a problem.
@@ -28,18 +28,18 @@ const getStoredProblemValue = (problemId: string, defaultValue: string) =>
   localStorage.getItem(getProblemValueStorageKey(problemId)) ?? defaultValue;
 
 export const useProblemEditor = () => {
-  const {
+  const editor = useProblemEditorStore((state) => state.editor);
-    globalLang,
+  const globalLang = useProblemEditorStore((state) => state.globalLang);
-    currentLang,
+  const currentLang = useProblemEditorStore((state) => state.currentLang);
-    currentValue,
+  const currentValue = useProblemEditorStore((state) => state.currentValue);
-    setGlobalLang,
+  const setEditor = useProblemEditorStore((state) => state.setEditor);
-    setCurrentLang,
+  const setGlobalLang = useProblemEditorStore((state) => state.setGlobalLang);
-    setCurrentValue,
+  const setCurrentLang = useProblemEditorStore((state) => state.setCurrentLang);
-    problemId,
+  const setCurrentValue = useProblemEditorStore((state) => state.setCurrentValue);
-    templates,
+  const problemId = useProblemEditorStore((state) => state.problemId);
-    editorLanguageConfigs,
+  const templates = useProblemEditorStore((state) => state.templates);
-    languageServerConfigs,
+  const editorLanguageConfigs = useProblemEditorStore((state) => state.editorLanguageConfigs);
-  } = useProblemEditorStoreInstance().getState();
+  const languageServerConfigs = useProblemEditorStore((state) => state.languageServerConfigs);
 
   const currentTemplate = useMemo(() => {
     return templates.find((t) => t.language === currentLang)?.template || "";
@@ -89,6 +89,8 @@ export const useProblemEditor = () => {
   );
 
   return {
+    editor,
+    setEditor,
     globalLang,
     currentLang,
     currentValue,