jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

fix edge selection state

Browse source
This commit is contained in:
anovazzi1 2024-06-08 12:51:04 -03:00
commit 8d9808d58e
3 changed files with 13 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/frontend/src/App.css
View file

@ -174,3 +174,12 @@ body {
border: none !important; border: none !important;
outline: none; outline: none;
} }
/* selected */
.react-flow__edge.selected .react-flow__edge-path {
stroke: var(--selected) !important;
}
.react-flow__edge .react-flow__edge-path {
stroke: var(--connection) !important;
}

6
src/frontend/src/stores/flowStore.ts
View file

@ -315,8 +315,6 @@ const useFlowStore = create<FlowStoreType>((set, get) => ({
targetHandle, targetHandle,
id, id,
data: cloneDeep(edge.data), data: cloneDeep(edge.data),
style: { stroke: "#555" },
className: "stroke-gray-900 ",
selected: false, selected: false,
}, },
newEdges.map((edge) => ({ ...edge, selected: false })), newEdges.map((edge) => ({ ...edge, selected: false })),
@ -396,8 +394,8 @@ const useFlowStore = create<FlowStoreType>((set, get) => ({
targetHandle: scapeJSONParse(connection.targetHandle!), targetHandle: scapeJSONParse(connection.targetHandle!),
sourceHandle: scapeJSONParse(connection.sourceHandle!), sourceHandle: scapeJSONParse(connection.sourceHandle!),
}, },
style: { stroke: "#555" }, // style: { stroke: "#555" },
className: "stroke-foreground stroke-connection", // className: "stroke-foreground stroke-connection",
}, },
oldEdges, oldEdges,
); );

9
src/frontend/src/utils/reactflowUtils.ts
View file

@ -179,7 +179,7 @@ export const processFlows = (DbData: FlowType[], skipUpdate = true) => {
] = cloneDeep((flow.data.nodes[0].data as NodeDataType).node!); ] = cloneDeep((flow.data.nodes[0].data as NodeDataType).node!);
return; return;
} }
if (!skipUpdate) processDataFromFlow(flow, false); processDataFromFlow(flow, !skipUpdate);
} catch (e) { } catch (e) {
console.log(e); console.log(e);
} }
@ -345,7 +345,7 @@ export function updateEdges(edges: Edge[]) {
const targetHandleObject: targetHandleType = scapeJSONParse( const targetHandleObject: targetHandleType = scapeJSONParse(
edge.targetHandle!, edge.targetHandle!,
); );
edge.className = "stroke-gray-900 stroke-connection"; edge.className = "";
}); });
} }
@ -1005,11 +1005,6 @@ export function processFlowEdges(flow: FlowType) {
const newEdges = updateEdgesHandleIds(flow.data); const newEdges = updateEdgesHandleIds(flow.data);
flow.data.edges = newEdges; flow.data.edges = newEdges;
} }
//update edges colors
flow.data.edges.forEach((edge) => {
edge.className = "";
edge.style = { stroke: "#555" };
});
} }
export function expandGroupNode( export function expandGroupNode(