CodeSandBox/monaco-editor-lsp-next
2
0
Fork 0
mirror of https://github.com/cfngc4594/monaco-editor-lsp-next.git synced 2025-05-18 23:42:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor(ResetButton): replace useCodeEditorStore with useProblemEditor

Browse Source
This commit is contained in:
cfngc4594 2025-03-20 15:35:53 +08:00
parent 0ae01d35bc
commit 00f83d69f1
1 changed files with 22 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
src/components/features/playground/workspace/editor/components/reset-button.tsx
View File

@ -8,19 +8,28 @@ import {
} from "@/components/ui/tooltip";
import { RotateCcw } from "lucide-react";
import { Button } from "@/components/ui/button";
import { EditorLanguage } from "@prisma/client";
import { useCodeEditorStore } from "@/store/useCodeEditorStore";
import { useProblemEditor } from "@/hooks/use-problem-editor";
interface ResetButtonProps {
templates: { language: EditorLanguage; template: string }[];
}
export function ResetButton() {
const { editor, currentTemplate } = useProblemEditor();
export default function ResetButton({
templates,
}: ResetButtonProps) {
const { editor, language } = useCodeEditorStore();
const currentTemplate = templates.find((t) => t.language === language)?.template ?? "";
const handleReset = () => {
if (editor) {
const model = editor.getModel();
if (model) {
const fullRange = model.getFullModelRange();
editor.pushUndoStop();
editor.executeEdits("reset-code", [
{
range: fullRange,
text: currentTemplate,
forceMoveMarkers: true,
},
]);
editor.pushUndoStop();
}
}
};
return (
<TooltipProvider delayDuration={0}>
@ -30,23 +39,8 @@ export default function ResetButton({
variant="outline"
size="icon"
aria-label="Reset Code"
onClick={() => {
if (editor) {
const model = editor.getModel();
if (model) {
const fullRange = model.getFullModelRange();
editor.pushUndoStop();
editor.executeEdits("reset-code", [
{
range: fullRange,
text: currentTemplate,
forceMoveMarkers: true,
},
]);
editor.pushUndoStop();
}
}
}}
onClick={handleReset}
disabled={!editor}
className="h-6 w-6 px-1.5 py-0.5 border-none shadow-none hover:bg-muted"
>
<RotateCcw size={16} strokeWidth={2} aria-hidden="true" />