refactor(ResetButton): replace useCodeEditorStore with useProblemEditor

This commit is contained in:
cfngc4594 2025-03-20 15:35:53 +08:00
parent 0ae01d35bc
commit 00f83d69f1

View File

@ -8,29 +8,12 @@ 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 ?? "";
return (
<TooltipProvider delayDuration={0}>
<Tooltip>
<TooltipTrigger asChild>
<Button
variant="outline"
size="icon"
aria-label="Reset Code"
onClick={() => {
const handleReset = () => {
if (editor) {
const model = editor.getModel();
if (model) {
@ -46,7 +29,18 @@ export default function ResetButton({
editor.pushUndoStop();
}
}
}}
};
return (
<TooltipProvider delayDuration={0}>
<Tooltip>
<TooltipTrigger asChild>
<Button
variant="outline"
size="icon"
aria-label="Reset Code"
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" />