diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx index 6466d19b9..5e5661687 100644 --- a/src/frontend/src/modals/EditNodeModal/index.tsx +++ b/src/frontend/src/modals/EditNodeModal/index.tsx @@ -1,12 +1,5 @@ import { cloneDeep } from "lodash"; -import { - ReactNode, - forwardRef, - useContext, - useEffect, - useRef, - useState, -} from "react"; +import { forwardRef, useContext, useEffect, useRef, useState } from "react"; import { useUpdateNodeInternals } from "reactflow"; import ShadTooltip from "../../components/ShadTooltipComponent"; import CodeAreaComponent from "../../components/codeAreaComponent"; @@ -51,20 +44,17 @@ const EditNodeModal = forwardRef( data, setData, nodeLength, - children, open, - onClose, + setOpen, }: { data: NodeDataType; setData: (data: NodeDataType) => void; nodeLength: number; - children: ReactNode; - open?: boolean; - onClose?: (close: boolean) => void; + open: boolean; + setOpen: (open: boolean) => void; }, ref ) => { - const [modalOpen, setModalOpen] = useState(open ?? false); const updateNodeInternals = useUpdateNodeInternals(); const myData = useRef(data); @@ -89,11 +79,10 @@ const EditNodeModal = forwardRef( }; useEffect(() => { - if (modalOpen) { + if (open) { myData.current = data; // reset data to what it is on node when opening modal - onClose!(modalOpen); } - }, [modalOpen]); + }, [open]); const [errorDuplicateKey, setErrorDuplicateKey] = useState(false); const [adv, setAdv] = useState(null); @@ -103,13 +92,15 @@ const EditNodeModal = forwardRef( { myData.current = data; }} > - {children} + + <> + {myData.current.type} ID: {myData.current.id} @@ -551,7 +542,7 @@ const EditNodeModal = forwardRef( }, }; }); - setModalOpen(false); + setOpen(false); }} type="submit" > diff --git a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx index 82dea077f..893bf389c 100644 --- a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx +++ b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx @@ -247,24 +247,17 @@ export default function NodeToolbarComponent({ )} - - {showModalAdvanced && ( - { - setShowModalAdvanced(modal); - }} - > - <> - - )} +