diff --git a/src/components/DesignCanvas.tsx b/src/components/DesignCanvas.tsx index f2cb006..a29e7e8 100644 --- a/src/components/DesignCanvas.tsx +++ b/src/components/DesignCanvas.tsx @@ -325,32 +325,21 @@ function PrintSurface({ {elements.map((el) => el.type === 'text' ? ( el.curvedPath ? ( - // Curved text - render with path-based positioning - { if (node) nodeRefs.current.set(el.id, node); }} - x={el.x} - y={el.y} - draggable + data={generateCurvePath(el.curvedPath.type, el.curvedPath.radius, el.curvedPath.reverse)} + text={el.text} + fontFamily={el.fontFamily} + fontSize={el.fontSize} + fill={el.fill} listening={true} onClick={() => setSelectedId(el.id)} onTap={() => setSelectedId(el.id)} - onDragEnd={(e) => { - const group = e.target; - updateElement(el.id, { x: group.x(), y: group.y() }); - }} - > - - + /> ) : ( // Regular straight text { const images = view === 'front' ? elementsFront.filter(el => el.type === 'image') : elementsBack.filter(el => el.type === 'image'); return images.length > 0 ? ( -
+
{images.map((img, idx) => (

Image {idx + 1} Dimensions

@@ -1214,7 +1203,7 @@ export default function DesignCanvas({ product }: { product: ProductDTO }) { {(() => { const texts = view === 'front' ? elementsFront.filter(el => el.type === 'text') : elementsBack.filter(el => el.type === 'text'); return texts.length > 0 ? ( -
+
{texts.map((text, idx) => (

Font {idx + 1}