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

refactor(PageComponent): refactor setTabsState calls to use tabId instead of flow.id to improve semantics and avoid bugs

Browse source
This commit is contained in:
anovazzi1 2023-06-15 18:12:55 -03:00
commit 3d2632aa5f
1 changed files with 20 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/frontend/src/pages/FlowPage/components/PageComponent/index.tsx
View file

@ -45,7 +45,8 @@ export default function Page({ flow }: { flow: FlowType }) {
setLastCopiedSelection,
tabsState,
saveFlow,
setTabsState
setTabsState,
tabId
} = useContext(TabsContext);
const { types, reactFlowInstance, setReactFlowInstance, templates } =
useContext(typesContext);
@ -147,25 +148,31 @@ export default function Page({ flow }: { flow: FlowType }) {
let newX = _.cloneDeep(x);
return newX;
});
setTabsState((prev)=>{
let newState = _.cloneDeep(prev);
newState[flow.id].isPending = true;
return newState;
})
setTabsState((prev) => {
return {
...prev,
[tabId]: {
isPending: true,
},
};
});
},
[onEdgesChange, setNodes,setTabsState,flow.id]
[onEdgesChange, setNodes,setTabsState,tabId]
);
const onNodesChangeMod = useCallback(
(s: NodeChange[]) => {
onNodesChange(s);
setTabsState((prev)=>{
let newState = _.cloneDeep(prev);
newState[flow.id].isPending = true;
return newState;
})
setTabsState((prev) => {
return {
...prev,
[tabId]: {
isPending: true,
},
};
});
},
[onNodesChange,setTabsState,flow.id]
[onNodesChange,setTabsState,tabId]
);
const onConnect = useCallback(