Dwinzo-Beta
/
Dwinzo_dev
4
0
Fork 3
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: update arrow colors in TriggerDuplicate and TriggerConnector components

This commit is contained in:
Jerald-Golden-B 2025-06-13 19:24:28 +05:30
parent 50c516410f
commit 52301808ad
3 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/src/modules/duplicate/duplicateSimulation/duplicateTrigger/duplicateTrigger.tsx
View File

@ -147,7 +147,7 @@ function TriggerDuplicate() {
start={startPoint.toArray()} start={startPoint.toArray()}
end={endPoint.toArray()} end={endPoint.toArray()}
mid={midPoint.toArray()} mid={midPoint.toArray()}
color={"#42a5f5"} color={"#c4abf1"}
lineWidth={4} lineWidth={4}
dashed={true} dashed={true}
dashSize={0.75} dashSize={0.75}
@ -157,7 +157,7 @@ function TriggerDuplicate() {
); );
})} })}
<Arrows connections={connections} /> <Arrows connections={connections} color={'#c4abf1'} />
</group> </group>
); );
} }

6
app/src/modules/simulation/events/arrows/arrows.tsx
View File

@ -10,7 +10,7 @@ interface ConnectionLine {
trigger: TriggerSchema; 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 [hoveredLineKey, setHoveredLineKey] = useState<string | null>(null);
const groupRef = useRef<THREE.Group>(null); const groupRef = useRef<THREE.Group>(null);
const { scene } = useThree(); const { scene } = useThree();
@ -61,7 +61,7 @@ export function Arrows({ connections }: { readonly connections: ConnectionLine[]
onPointerOut={() => setHoveredLineKey(null)} onPointerOut={() => setHoveredLineKey(null)}
> >
<meshStandardMaterial <meshStandardMaterial
color={toolMode === '2D-Delete' && hoveredLineKey === key ? "red" : "#42a5f5"} color={toolMode === '2D-Delete' && hoveredLineKey === key ? "red" : color}
/> />
</mesh> </mesh>
<mesh <mesh
@ -72,7 +72,7 @@ export function Arrows({ connections }: { readonly connections: ConnectionLine[]
onPointerOut={() => setHoveredLineKey(null)} onPointerOut={() => setHoveredLineKey(null)}
> >
<meshStandardMaterial <meshStandardMaterial
color={toolMode === '2D-Delete' && hoveredLineKey === key ? "red" : "#42a5f5"} color={toolMode === '2D-Delete' && hoveredLineKey === key ? "red" : color}
/> />
</mesh> </mesh>
</group> </group>

4
app/src/modules/simulation/events/triggerConnections/triggerConnector.tsx
View File

@ -477,7 +477,7 @@ function TriggerConnector() {
start={startPoint.toArray()} start={startPoint.toArray()}
end={endPoint.toArray()} end={endPoint.toArray()}
mid={midPoint.toArray()} mid={midPoint.toArray()}
color={toolMode === '3D-Delete' && hoveredLineKey === connection.id ? "red" : "#42a5f5"} color={toolMode === '3D-Delete' && hoveredLineKey === connection.id ? "red" : "#6f42c1"}
lineWidth={4} lineWidth={4}
dashed={toolMode === '3D-Delete' && hoveredLineKey === connection.id ? false : true} dashed={toolMode === '3D-Delete' && hoveredLineKey === connection.id ? false : true}
dashSize={0.75} dashSize={0.75}
@ -496,7 +496,7 @@ function TriggerConnector() {
); );
})} })}
<Arrows connections={connections} /> <Arrows connections={connections} color="#6f42c1"/>
{currentLine && ( {currentLine && (
<> <>