diff --git a/src/frontend/src/CustomNodes/GenericNode/index.tsx b/src/frontend/src/CustomNodes/GenericNode/index.tsx index 29673fdb8..bc0ff0fd8 100644 --- a/src/frontend/src/CustomNodes/GenericNode/index.tsx +++ b/src/frontend/src/CustomNodes/GenericNode/index.tsx @@ -339,6 +339,8 @@ export default function GenericNode({ ); }; + const [openWDoubleCLick, setOpenWDoubleCLick] = useState(false); + const getBaseBorderClass = (selected) => selected ? "border border-ring" : "border"; @@ -349,6 +351,8 @@ export default function GenericNode({ return ( { takeSnapshot(); @@ -382,12 +386,15 @@ export default function GenericNode({ updateNodeCode, isOutdated, selected, + openWDoubleCLick, + setOpenWDoubleCLick ]); return ( <> {memoizedNodeToolbarComponent}
setOpenWDoubleCLick(true)} className={getNodeBorderClassName( selected, showNode, diff --git a/src/frontend/src/modals/EditNodeModal/index.tsx b/src/frontend/src/modals/EditNodeModal/index.tsx index 17da8c73b..1e90cacce 100644 --- a/src/frontend/src/modals/EditNodeModal/index.tsx +++ b/src/frontend/src/modals/EditNodeModal/index.tsx @@ -46,11 +46,13 @@ const EditNodeModal = forwardRef( nodeLength, open, setOpen, + setOpenWDoubleClick, }: { data: NodeDataType; nodeLength: number; open: boolean; setOpen: (open: boolean) => void; + setOpenWDoubleClick: (open: boolean) => void; }, ref ) => { @@ -82,6 +84,12 @@ const EditNodeModal = forwardRef( } }, [open]); + useEffect(() => { + return () => { + setOpenWDoubleClick(false) + } + }, []) + const [errorDuplicateKey, setErrorDuplicateKey] = useState(false); return ( diff --git a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx index fa7478b4a..220b53ee0 100644 --- a/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx +++ b/src/frontend/src/pages/FlowPage/components/nodeToolbarComponent/index.tsx @@ -45,6 +45,8 @@ export default function NodeToolbarComponent({ setShowState, onCloseAdvancedModal, isOutdated, + openWDoubleClick, + setOpenWDoubleClick, }: nodeToolbarPropsType): JSX.Element { const nodeLength = Object.keys(data.node!.template).filter( (templateField) => @@ -176,6 +178,12 @@ export default function NodeToolbarComponent({ createFlowComponent(cloneDeep(data), version) ); + useEffect(() => { + console.log(openWDoubleClick) + if (openWDoubleClick) setShowModalAdvanced(true) + }, [openWDoubleClick, setOpenWDoubleClick]); + + const openInNewTab = (url) => { window.open(url, "_blank", "noreferrer"); }; @@ -621,12 +629,15 @@ export default function NodeToolbarComponent({ - + {showModalAdvanced && ( + + )} {showconfirmShare && ( void; - setDb: (value: boolean) => void; - name: string; - data: NodeDataType; - editNode?: boolean; -}; - export type KeyPairListComponentType = { value: any; onChange: (value: Object[]) => void; @@ -511,6 +502,8 @@ export type fileCardPropsType = { }; export type nodeToolbarPropsType = { + openWDoubleClick: boolean; + setOpenWDoubleClick: (open: boolean) => void; data: NodeDataType; deleteNode: (idx: string) => void; setShowNode: (boolean: any) => void;