23 lines
622 B
TypeScript
23 lines
622 B
TypeScript
import useEditor from '@/store/use-editor'
|
|
import { useDraftNode } from './use-draft-node'
|
|
import { usePlacementCoordinator } from './use-placement-coordinator'
|
|
|
|
export const ItemTool: React.FC = () => {
|
|
const selectedItem = useEditor((state) => state.selectedItem)
|
|
const draftNode = useDraftNode()
|
|
|
|
const cursor = usePlacementCoordinator({
|
|
asset: selectedItem!,
|
|
draftNode,
|
|
initDraft: (gridPosition) => {
|
|
if (!selectedItem?.attachTo) {
|
|
draftNode.create(gridPosition, selectedItem!)
|
|
}
|
|
},
|
|
onCommitted: () => true,
|
|
})
|
|
|
|
if (!selectedItem) return null
|
|
return <>{cursor}</>
|
|
}
|