blockmatic/src/hooks/tools/eyedropper.ts

16 lines
495 B
TypeScript

import { useContext } from "react";
import { CanvasContext } from "@/context/Canvas";
import { ToolContext } from "@/context/Tool";
export function useEyedropperTool(mouseCoords: Position) {
const { blocks } = useContext(CanvasContext);
const { setSelectedBlock } = useContext(ToolContext);
const use = () => {
const mouseBlock = blocks.find((block) => block.x === mouseCoords.x && block.y === mouseCoords.y);
if (mouseBlock) setSelectedBlock(mouseBlock.name);
};
return { use };
}