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

fix(GenericNode/index.tsx): import useUpdateNodeInternals from reactflow to fix missing dependency

Browse source 
feat(GenericNode/index.tsx): add useUpdateNodeInternals hook to update node internals when isMinimized changes
This commit is contained in:
anovazzi1 2024-01-18 13:37:42 -03:00
commit 454e80f6d8
1 changed files with 4 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

7
src/frontend/src/CustomNodes/GenericNode/index.tsx
View file

@ -1,5 +1,5 @@
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { NodeToolbar } from "reactflow"; import { NodeToolbar, useUpdateNodeInternals } from "reactflow";
import ShadTooltip from "../../components/ShadTooltipComponent"; import ShadTooltip from "../../components/ShadTooltipComponent";
import Tooltip from "../../components/TooltipComponent"; import Tooltip from "../../components/TooltipComponent";
import IconComponent from "../../components/genericIconComponent"; import IconComponent from "../../components/genericIconComponent";
@ -43,6 +43,7 @@ export default function GenericNode({
const [handles, setHandles] = useState<boolean[] | []>([]); const [handles, setHandles] = useState<boolean[] | []>([]);
const [isMinimized, setIsMinimized] = useState<boolean>(false); const [isMinimized, setIsMinimized] = useState<boolean>(false);
let numberOfInputs: boolean[] = []; let numberOfInputs: boolean[] = [];
const updateNodeInternals = useUpdateNodeInternals();
const takeSnapshot = useFlowsManagerStore((state) => state.takeSnapshot); const takeSnapshot = useFlowsManagerStore((state) => state.takeSnapshot);
@ -107,8 +108,8 @@ export default function GenericNode({
const nameEditable = data.node?.flow || data.type === "CustomComponent"; const nameEditable = data.node?.flow || data.type === "CustomComponent";
useEffect(() => { useEffect(() => {
console.log("isMinimized", isMinimized); updateNodeInternals(data.id);
}, [isMinimized, setIsMinimized]); }, [isMinimized]);
return ( return (
<> <>