judge4c/src/features/problems/code/components/toolbar/code-toolbar.tsx
cfngc4594 f9cbc5e085 refactor(code-toolbar): standardize component exports and simplify reset logic
- Changed all toolbar action components from named exports with curly braces to default exports
- Simplified ResetButton by moving template logic to useProblemEditorActions hook
- Updated useProblemEditorActions to handle template selection internally using store data
- Renamed problem-editor-store import to problem-editor for consistency
2025-05-13 15:56:28 +08:00

35 lines
825 B
TypeScript

import { cn } from "@/lib/utils";
import {
CopyButton,
FormatButton,
LanguageSelector,
RedoButton,
ResetButton,
UndoButton,
} from "@/features/problems/code/components/toolbar";
interface CodeToolbarProps {
className?: string;
}
export const CodeToolbar = async ({ className }: CodeToolbarProps) => {
return (
<header
className={cn("relative flex h-8 flex-none items-center", className)}
>
<div className="absolute flex w-full items-center justify-between px-2">
<div className="flex items-center gap-2">
<LanguageSelector />
</div>
<div className="flex items-center gap-2">
<ResetButton />
<UndoButton />
<RedoButton />
<FormatButton />
<CopyButton />
</div>
</div>
</header>
);
};