Create shapes square + circle + ....

src/pages/editor/components/canvas/ObjectRenderer.tsx

@@ -3,6 +3,8 @@ import type { EditorObject } from "../../store/editorStore";
 import {
     RectangleShape,
     CircleShape,
+    TriangleShape,
+    AbstractShape,
     TextShape,
     LineShape,
     ArrowShape,
@@ -41,6 +43,15 @@ const ObjectRenderer = ({
 
     switch (obj.type) {
         case "rectangle":
+            if (obj.shapeType === "circle") {
+                return <CircleShape key={obj.id} {...commonProps} />;
+            }
+            if (obj.shapeType === "triangle") {
+                return <TriangleShape key={obj.id} {...commonProps} />;
+            }
+            if (obj.shapeType === "abstract") {
+                return <AbstractShape key={obj.id} {...commonProps} />;
+            }
             return <RectangleShape key={obj.id} {...commonProps} />;
         case "circle":
             return <CircleShape key={obj.id} {...commonProps} />;