Massbug/judge4c
2
0
Fork 0
mirror of https://github.com/massbug/judge4c.git synced 2025-05-17 23:12:23 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
cfngc4594 2025-03-20 14:15:37 +08:00
parent 298d2c1c86
commit 69dfb8cb12
1 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/hooks/use-problem-editor.ts
View File

@ -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 {
globalLang,
currentLang,
currentValue,
setGlobalLang,
setCurrentLang,
setCurrentValue,
problemId,
templates,
editorLanguageConfigs,
languageServerConfigs,
} = useProblemEditorStoreInstance().getState();
const editor = useProblemEditorStore((state) => state.editor);
const globalLang = useProblemEditorStore((state) => state.globalLang);
const currentLang = useProblemEditorStore((state) => state.currentLang);
const currentValue = useProblemEditorStore((state) => state.currentValue);
const setEditor = useProblemEditorStore((state) => state.setEditor);
const setGlobalLang = useProblemEditorStore((state) => state.setGlobalLang);
const setCurrentLang = useProblemEditorStore((state) => state.setCurrentLang);
const setCurrentValue = useProblemEditorStore((state) => state.setCurrentValue);
const problemId = useProblemEditorStore((state) => state.problemId);
const templates = useProblemEditorStore((state) => state.templates);
const editorLanguageConfigs = useProblemEditorStore((state) => state.editorLanguageConfigs);
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,