From f73b45bcb5c777cb95c5730f8ea661afd13f223b Mon Sep 17 00:00:00 2001 From: mickr777 <115216705+mickr777@users.noreply.github.com> Date: Thu, 20 Jul 2023 19:11:18 +1000 Subject: [PATCH 01/12] Feat: Change Input to Textbox --- .../fields/StringInputFieldComponent.tsx | 18 ++++++++++++++---- 1 file changed, 14 insertions(+), 4 deletions(-) diff --git a/invokeai/frontend/web/src/features/nodes/components/fields/StringInputFieldComponent.tsx b/invokeai/frontend/web/src/features/nodes/components/fields/StringInputFieldComponent.tsx index 58a201062b..7a109411a0 100644 --- a/invokeai/frontend/web/src/features/nodes/components/fields/StringInputFieldComponent.tsx +++ b/invokeai/frontend/web/src/features/nodes/components/fields/StringInputFieldComponent.tsx @@ -1,4 +1,4 @@ -import { Input } from '@chakra-ui/react'; +import { Textarea } from '@chakra-ui/react'; import { useAppDispatch } from 'app/store/storeHooks'; import { fieldValueChanged } from 'features/nodes/store/nodesSlice'; import { @@ -12,10 +12,9 @@ const StringInputFieldComponent = ( props: FieldComponentProps ) => { const { nodeId, field } = props; - const dispatch = useAppDispatch(); - const handleValueChanged = (e: ChangeEvent) => { + const handleValueChanged = (e: ChangeEvent) => { dispatch( fieldValueChanged({ nodeId, @@ -25,7 +24,18 @@ const StringInputFieldComponent = ( ); }; - return ; + return ( +