diff --git a/invokeai/frontend/web/src/features/nodes/components/IAINode/IAINodeResizer.tsx b/invokeai/frontend/web/src/features/nodes/components/IAINode/IAINodeResizer.tsx new file mode 100644 index 0000000000..fcce9ce1b7 --- /dev/null +++ b/invokeai/frontend/web/src/features/nodes/components/IAINode/IAINodeResizer.tsx @@ -0,0 +1,19 @@ +import { NodeResizeControl, NodeResizerProps } from 'reactflow'; + +export default function IAINodeResizer(props: NodeResizerProps) { + const { ...rest } = props; + return ( + + ); +} diff --git a/invokeai/frontend/web/src/features/nodes/components/InvocationComponent.tsx b/invokeai/frontend/web/src/features/nodes/components/InvocationComponent.tsx index d4abdf0c96..d168e429f4 100644 --- a/invokeai/frontend/web/src/features/nodes/components/InvocationComponent.tsx +++ b/invokeai/frontend/web/src/features/nodes/components/InvocationComponent.tsx @@ -1,4 +1,4 @@ -import { NodeProps } from 'reactflow'; +import { NodeProps, NodeResizeControl } from 'reactflow'; import { Box, Flex, Icon } from '@chakra-ui/react'; import { FaExclamationCircle } from 'react-icons/fa'; import { InvocationValue } from '../types/types'; @@ -8,6 +8,8 @@ import { useGetInvocationTemplate } from '../hooks/useInvocationTemplate'; import IAINodeOutputs from './IAINode/IAINodeOutputs'; import IAINodeInputs from './IAINode/IAINodeInputs'; import IAINodeHeader from './IAINode/IAINodeHeader'; +import { IoResize } from 'react-icons/io5'; +import IAINodeResizer from './IAINode/IAINodeResizer'; export const InvocationComponent = memo((props: NodeProps) => { const { id: nodeId, data, selected } = props; @@ -32,6 +34,7 @@ export const InvocationComponent = memo((props: NodeProps) => { > + ); @@ -51,6 +54,7 @@ export const InvocationComponent = memo((props: NodeProps) => { + );