Function handleLineDragEnd

components/CanvasComponent.tsx:253–270

(id: string, e: KonvaEventObject<Event>)

  };

  const handleLineDragEnd = (id: string, e: KonvaEventObject<Event>) => {
    const node = e.target as Konva.Line;
    const deltaX = node.x();
    const deltaY = node.y();

    if (deltaX === 0 && deltaY === 0) return;

    const line = drawingLines.lines.find((line) => line.id === id);
    if (!line) return;

    node.position({ x: 0, y: 0 });
    drawingLines.updateLine(id, {
      initialX: line.initialX + deltaX,
      initialY: line.initialY + deltaY,
      x: line.x + deltaX,
      y: line.y + deltaY,
    });
  };

  const handleEllipseDragEnd = (id: string, e: KonvaEventObject<Event>) => {
    const node = e.target as Konva.Ellipse;