From 52301808adeca35870d31c173df296ab59725138 Mon Sep 17 00:00:00 2001
From: Jerald-Golden-B <jerald@hexrfactory.com>
Date: Fri, 13 Jun 2025 19:24:28 +0530
Subject: [PATCH] fix: update arrow colors in TriggerDuplicate and
 TriggerConnector components

---
 .../duplicateTrigger/duplicateTrigger.tsx                   | 4 ++--
 app/src/modules/simulation/events/arrows/arrows.tsx         | 6 +++---
 .../events/triggerConnections/triggerConnector.tsx          | 4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/src/modules/duplicate/duplicateSimulation/duplicateTrigger/duplicateTrigger.tsx b/app/src/modules/duplicate/duplicateSimulation/duplicateTrigger/duplicateTrigger.tsx
index d9e70e4..a6cd8fd 100644
--- a/app/src/modules/duplicate/duplicateSimulation/duplicateTrigger/duplicateTrigger.tsx
+++ b/app/src/modules/duplicate/duplicateSimulation/duplicateTrigger/duplicateTrigger.tsx
@@ -147,7 +147,7 @@ function TriggerDuplicate() {
                         start={startPoint.toArray()}
                         end={endPoint.toArray()}
                         mid={midPoint.toArray()}
-                        color={"#42a5f5"}
+                        color={"#c4abf1"}
                         lineWidth={4}
                         dashed={true}
                         dashSize={0.75}
@@ -157,7 +157,7 @@ function TriggerDuplicate() {
                 );
             })}
 
-            <Arrows connections={connections} />
+            <Arrows connections={connections} color={'#c4abf1'} />
         </group>
     );
 }
diff --git a/app/src/modules/simulation/events/arrows/arrows.tsx b/app/src/modules/simulation/events/arrows/arrows.tsx
index 59e56e2..eca413f 100644
--- a/app/src/modules/simulation/events/arrows/arrows.tsx
+++ b/app/src/modules/simulation/events/arrows/arrows.tsx
@@ -10,7 +10,7 @@ interface ConnectionLine {
     trigger: TriggerSchema;
 }
 
-export function Arrows({ connections }: { readonly connections: ConnectionLine[] }) {
+export function Arrows({ connections, color = "#42a5f5" }: { readonly connections: ConnectionLine[], color?: string }) {
     const [hoveredLineKey, setHoveredLineKey] = useState<string | null>(null);
     const groupRef = useRef<THREE.Group>(null);
     const { scene } = useThree();
@@ -61,7 +61,7 @@ export function Arrows({ connections }: { readonly connections: ConnectionLine[]
                     onPointerOut={() => setHoveredLineKey(null)}
                 >
                     <meshStandardMaterial
-                        color={toolMode === '2D-Delete' && hoveredLineKey === key ? "red" : "#42a5f5"}
+                        color={toolMode === '2D-Delete' && hoveredLineKey === key ? "red" : color}
                     />
                 </mesh>
                 <mesh
@@ -72,7 +72,7 @@ export function Arrows({ connections }: { readonly connections: ConnectionLine[]
                     onPointerOut={() => setHoveredLineKey(null)}
                 >
                     <meshStandardMaterial
-                        color={toolMode === '2D-Delete' && hoveredLineKey === key ? "red" : "#42a5f5"}
+                        color={toolMode === '2D-Delete' && hoveredLineKey === key ? "red" : color}
                     />
                 </mesh>
             </group>
diff --git a/app/src/modules/simulation/events/triggerConnections/triggerConnector.tsx b/app/src/modules/simulation/events/triggerConnections/triggerConnector.tsx
index c63612a..80e5ae9 100644
--- a/app/src/modules/simulation/events/triggerConnections/triggerConnector.tsx
+++ b/app/src/modules/simulation/events/triggerConnections/triggerConnector.tsx
@@ -477,7 +477,7 @@ function TriggerConnector() {
                         start={startPoint.toArray()}
                         end={endPoint.toArray()}
                         mid={midPoint.toArray()}
-                        color={toolMode === '3D-Delete' && hoveredLineKey === connection.id ? "red" : "#42a5f5"}
+                        color={toolMode === '3D-Delete' && hoveredLineKey === connection.id ? "red" : "#6f42c1"}
                         lineWidth={4}
                         dashed={toolMode === '3D-Delete' && hoveredLineKey === connection.id ? false : true}
                         dashSize={0.75}
@@ -496,7 +496,7 @@ function TriggerConnector() {
                 );
             })}
 
-            <Arrows connections={connections} />
+            <Arrows connections={connections} color="#6f42c1"/>
 
             {currentLine && (
                 <>