From 7e300d62e28a06170fdb7b756341c76094eaf3b3 Mon Sep 17 00:00:00 2001 From: anovazzi1 Date: Thu, 23 Feb 2023 13:29:14 -0300 Subject: [PATCH] nodeId bug solved --- space_flow/src/contexts/tabsContext.tsx | 8 +++----- space_flow/src/pages/FlowPage/index.tsx | 8 ++++---- 2 files changed, 7 insertions(+), 9 deletions(-) diff --git a/space_flow/src/contexts/tabsContext.tsx b/space_flow/src/contexts/tabsContext.tsx index 76aac3106..9906dea98 100644 --- a/space_flow/src/contexts/tabsContext.tsx +++ b/space_flow/src/contexts/tabsContext.tsx @@ -9,7 +9,6 @@ type TabsContextType={ removeFlow:(id:string)=>void; addFlow:()=>void; updateFlow:(newFlow:flow)=>void; - setNodeId:(newState:any)=>void; nodeId:number; } @@ -20,7 +19,6 @@ const TabsContextInitialValue = { removeFlow:(id:string)=>{}, addFlow:()=>{}, updateFlow:(newFlow:flow)=>{}, - setNodeId:(newState:any)=>{}, nodeId:0, @@ -32,7 +30,7 @@ export function TabsProvider({children}){ const [tabIndex,setTabIndex] = useState(0) const [flows,setFlows] = useState>([]) const [id, setId] = useState(0); - const [nodeId, setNodeId] = useState(0); + let nodeId = 0; useEffect(() => { if(flows.length !== 0) window.localStorage.setItem('tabsData', JSON.stringify({tabIndex, flows, id, nodeId})); @@ -45,7 +43,7 @@ export function TabsProvider({children}){ setTabIndex(cookieObject.tabIndex); setFlows(cookieObject.flows) setId(cookieObject.id) - setNodeId(cookieObject.nodeId) + nodeId = cookieObject.nodeId } }, []) @@ -89,7 +87,7 @@ export function TabsProvider({children}){ } return( - + {children} ) diff --git a/space_flow/src/pages/FlowPage/index.tsx b/space_flow/src/pages/FlowPage/index.tsx index f05749384..cbab1f045 100644 --- a/space_flow/src/pages/FlowPage/index.tsx +++ b/space_flow/src/pages/FlowPage/index.tsx @@ -32,15 +32,15 @@ const nodeTypes = { var _ = require("lodash"); export default function FlowPage({ flow }) { - const { updateFlow, nodeId, setNodeId } = useContext(TabsContext); + let { updateFlow, nodeId } = useContext(TabsContext); const { types, reactFlowInstance, setReactFlowInstance } = useContext(typesContext); const reactFlowWrapper = useRef(null); - const getId = () => { + function getId(){ console.log(nodeId); - setNodeId(old => old + 1); - return `dndnode_${nodeId}`; + nodeId = nodeId+1 + return `dndnode_}`+nodeId; }; const { setExtraComponent, setExtraNavigation } = useContext(locationContext);