add konva js to project + create some components with ai

2025-11-16 16:33:54 +03:30
parent c1c6b0ebf7
commit 1a0c869101
38 changed files with 1855 additions and 42 deletions
@@ -0,0 +1,39 @@
+import { useEditorStore, type ToolType } from "../../../store/editorStore";
+import Input from "@/components/Input";
+
+const LinkInput = () => {
+    return (
+        <div className="space-y-4">
+            <div>
+                <Input
+                    label="آدرس لینک"
+                    placeholder="https://example.com"
+                    onEnter={() => {
+                        const input = document.querySelector('input[placeholder="https://example.com"]') as HTMLInputElement;
+                        if (input?.value) {
+                            const newLink = {
+                                id: `link-${Date.now()}`,
+                                type: "link" as ToolType,
+                                x: 100,
+                                y: 100,
+                                text: input.value,
+                                linkUrl: input.value,
+                                fontSize: 24,
+                                fill: "#0000ff",
+                            };
+                            const { addObject } = useEditorStore.getState();
+                            addObject(newLink);
+                            input.value = "";
+                        }
+                    }}
+                />
+            </div>
+            <div className="text-sm text-gray-600">
+                <p>آدرس لینک را وارد کنید و Enter بزنید</p>
+            </div>
+        </div>
+    );
+};
+
+export default LinkInput;
+