From fcb4bc4f2fc80cd5035f8dc7258805cf6fa9aef5 Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Thu, 8 Jan 2026 09:30:50 +0330
Subject: [PATCH] live color line

---
 src/pages/editor/components/tools/ArrowShape.tsx | 4 +++-
 src/pages/editor/components/tools/LineShape.tsx  | 6 ++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/pages/editor/components/tools/ArrowShape.tsx b/src/pages/editor/components/tools/ArrowShape.tsx
index 6b58a1c..594fabb 100644
--- a/src/pages/editor/components/tools/ArrowShape.tsx
+++ b/src/pages/editor/components/tools/ArrowShape.tsx
@@ -13,6 +13,8 @@ const ArrowShape = ({ obj, isSelected, onSelect, onUpdate, draggable }: ShapePro
     const endX = obj.width || 0;
     const endY = obj.height || 0;
 
+    const actualStrokeWidth = obj.strokeWidth ?? 2;
+
     return (
         <Arrow
             ref={shapeRef}
@@ -21,7 +23,7 @@ const ArrowShape = ({ obj, isSelected, onSelect, onUpdate, draggable }: ShapePro
             y={startY}
             points={[0, 0, endX - startX, endY - startY]}
             stroke={isSelected ? "#3b82f6" : obj.stroke || "#000000"}
-            strokeWidth={isSelected ? 3 : (obj.strokeWidth ?? 2)}
+            strokeWidth={actualStrokeWidth}
             fill={isSelected ? "#3b82f6" : obj.stroke || "#000000"}
             hitStrokeWidth={20}
             perfectDrawEnabled={false}
diff --git a/src/pages/editor/components/tools/LineShape.tsx b/src/pages/editor/components/tools/LineShape.tsx
index 3492722..bdbbb1e 100644
--- a/src/pages/editor/components/tools/LineShape.tsx
+++ b/src/pages/editor/components/tools/LineShape.tsx
@@ -13,14 +13,16 @@ const LineShape = ({ obj, isSelected, onSelect, onUpdate, draggable }: ShapeProp
     const endX = obj.width || 0;
     const endY = obj.height || 0;
 
+    const actualStrokeWidth = obj.strokeWidth ?? 2;
+
     return (
         <Line
             ref={shapeRef}
             x={startX}
             y={startY}
             points={[0, 0, endX - startX, endY - startY]}
-            stroke={isSelected ? "#3b82f6" : obj.stroke || "#000000"}
-            strokeWidth={isSelected ? 3 : (obj.strokeWidth ?? 2)}
+            stroke={obj.stroke || "#000000"}
+            strokeWidth={actualStrokeWidth}
             hitStrokeWidth={20}
             perfectDrawEnabled={false}
             rotation={obj.rotation || 0}