trafficlunar/blockmatic
1
0
Fork 0
mirror of https://github.com/trafficlunar/blockmatic.git synced 2026-06-28 14:44:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: move components into folders

Browse source
This commit is contained in:
trafficlunar 2024-12-15 13:45:53 +00:00
parent 1dbb126b90
commit ceb87c2088
8 changed files with 15 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

35
src/components/toolbar/index.tsx Normal file
View file

@ -0,0 +1,35 @@
import { useContext } from "react";
import { EraserIcon, HandIcon, PencilIcon, ZoomInIcon } from "lucide-react";
import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
import { ToolContext } from "@/context/ToolContext";
function Toolbar() {
const { tool, setTool } = useContext(ToolContext);
const onToolChange = (value: string) => setTool(value as Tool);
return (
<ToggleGroup
type="single"
value={tool}
onValueChange={onToolChange}
className="flex flex-col justify-start py-1 border-r border-zinc-200 dark:border-zinc-800 bg-white dark:bg-zinc-950"
>
<ToggleGroupItem value="hand" className="!p-0 !h-8 !min-w-8">
<HandIcon />
</ToggleGroupItem>
<ToggleGroupItem value="pencil" className="!p-0 !h-8 !min-w-8">
<PencilIcon />
</ToggleGroupItem>
<ToggleGroupItem value="eraser" className="!p-0 !h-8 !min-w-8">
<EraserIcon />
</ToggleGroupItem>
<ToggleGroupItem value="zoom" className="!p-0 !h-8 !min-w-8">
<ZoomInIcon />
</ToggleGroupItem>
</ToggleGroup>
);
}
export default Toolbar;