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

feat(@workspace/@editor): add toolbar buttons to editor header

Browse Source
This commit is contained in:
cfngc4594 2025-03-03 10:41:57 +08:00
parent 0e4f9e0be9
commit 5045e6f8c6
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/app/(app)/playground/@workspace/@editor/components/header.tsx
View File

@ -1,5 +1,10 @@
import { cn } from "@/lib/utils"; import { cn } from "@/lib/utils";
import LanguageSelector from "./language-selector"; import LanguageSelector from "./language-selector";
import FormatButton from "./format-button";
import CopyButton from "./copy-button";
import RedoButton from "./redo-button";
import UndoButton from "./undo-button";
import ResetButton from "./reset-button";
interface WorkspaceEditorHeaderProps { interface WorkspaceEditorHeaderProps {
className?: string; className?: string;
@ -14,10 +19,17 @@ export default function WorkspaceEditorHeader({
{...props} {...props}
className={cn("h-8 flex flex-none items-center px-2 border-b", className)} className={cn("h-8 flex flex-none items-center px-2 border-b", className)}
> >
<div className="w-full flex items-center"> <div className="w-full flex items-center justify-between">
<div className="flex items-center gap-x-2"> <div className="flex items-center gap-x-2">
<LanguageSelector /> <LanguageSelector />
</div> </div>
<div className="flex items-center gap-x-2">
<ResetButton />
<UndoButton />
<RedoButton />
<FormatButton />
<CopyButton />
</div>
</div> </div>
</header> </header>
); );