Feat: make possible to open node advanced settings by double clicking the node

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 (
       <NodeToolbar>
         <NodeToolbarComponent
+          openWDoubleClick={openWDoubleCLick}
+          setOpenWDoubleClick={setOpenWDoubleCLick}
           data={data}
           deleteNode={(id) => {
             takeSnapshot();
@@ -382,12 +386,15 @@ export default function GenericNode({
     updateNodeCode,
     isOutdated,
     selected,
+    openWDoubleCLick,
+    setOpenWDoubleCLick
   ]);
 
   return (
     <>
       {memoizedNodeToolbarComponent}
       <div
+        onDoubleClick={() => setOpenWDoubleCLick(true)}
         className={getNodeBorderClassName(
           selected,
           showNode,

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 (

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({
               </span>
             </ConfirmationModal.Content>
           </ConfirmationModal>
+          {showModalAdvanced && (
             <EditNodeModal
+              setOpenWDoubleClick={setOpenWDoubleClick}
               data={data}
               nodeLength={nodeLength}
               open={showModalAdvanced}
               setOpen={setShowModalAdvanced}
             />
+          )}
           {showconfirmShare && (
             <ShareModal
               open={showconfirmShare}

src/frontend/src/types/components/index.ts

@@ -80,15 +80,6 @@ export type InputGlobalComponentType = {
   editNode?: boolean;
 };
 
-export type InputGlobalComponentType = {
-  disabled: boolean;
-  onChange: (value: string) => 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;