refactor: move components into folders

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

View file

@ -59,6 +59,10 @@ function Blocks({ blocks, setBlocks, textures, image, imageDimensions }: Props)
}
}, [image, imageDimensions, setBlocks]);
useEffect(() => {
console.log(blocks);
}, [blocks]);
return (
<>
{blocks.map((block, index) => {

View file

@ -1,7 +1,7 @@
import { useContext } from "react";
import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
import { Eraser, Hand, Pencil } from "lucide-react";
import { EraserIcon, HandIcon, PencilIcon, ZoomInIcon } from "lucide-react";
import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
import { ToolContext } from "@/context/ToolContext";
function Toolbar() {
@ -17,13 +17,16 @@ function Toolbar() {
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">
<Hand />
<HandIcon />
</ToggleGroupItem>
<ToggleGroupItem value="pencil" className="!p-0 !h-8 !min-w-8">
<Pencil />
<PencilIcon />
</ToggleGroupItem>
<ToggleGroupItem value="eraser" className="!p-0 !h-8 !min-w-8">
<Eraser />
<EraserIcon />
</ToggleGroupItem>
<ToggleGroupItem value="zoom" className="!p-0 !h-8 !min-w-8">
<ZoomInIcon />
</ToggleGroupItem>
</ToggleGroup>
);

View file

@ -1,11 +1,11 @@
import { ImageProvider } from "@/context/ImageContext";
import { ImageProvider } from "../context/ImageContext";
import { SettingsProvider } from "../context/SettingsContext";
import { TexturesProvider } from "../context/TexturesContext";
import { ToolProvider } from "../context/ToolContext";
import Menubar from "../components/menubar";
import Toolbar from "../components/Toolbar";
import Canvas from "../components/Canvas";
import Toolbar from "../components/toolbar";
import Canvas from "../components/canvas/Canvas";
function AppPage() {
return (