Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Make more Simple

Browse Source
This commit is contained in:
mickr777 2023-07-29 12:40:17 +10:00 committed by GitHub
parent 36455f6cac
commit 6886eb094d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
invokeai/frontend/web/src/features/nodes/components/fields/StringInputFieldComponent.tsx
View File

@ -1,24 +1,17 @@
import { memo, ChangeEvent } from 'react';
import { Textarea, Input } from '@chakra-ui/react';
import { Input, Textarea } from '@chakra-ui/react';
import { useAppDispatch } from 'app/store/storeHooks';
import { fieldValueChanged } from 'features/nodes/store/nodesSlice';
import {
StringInputFieldTemplate,
StringInputFieldValue,
} from 'features/nodes/types/types';
import { ChangeEvent, memo } from 'react';
import { FieldComponentProps } from './types';
const FIELD_PADDING = 20;
const StringInputFieldComponent = (
props: FieldComponentProps<
StringInputFieldValue,
StringInputFieldTemplate
> & {
nodeWidth: number;
}
props: FieldComponentProps<StringInputFieldValue, StringInputFieldTemplate>
) => {
const { nodeId, field, nodeWidth } = props;
const { nodeId, field } = props;
const dispatch = useAppDispatch();
const handleValueChanged = (
@ -33,30 +26,10 @@ const StringInputFieldComponent = (
);
};
const textareaWidth = nodeWidth - FIELD_PADDING;
const textareaFieldNames = ['prompt', 'text'];
return (
<>
{textareaFieldNames.includes(field.name.toLowerCase()) ? (
<Textarea
style={{
height: '150px',
width: `${textareaWidth}px`,
overflowY: 'auto',
}}
onChange={handleValueChanged}
value={field.value}
/>
return field.name.toLowerCase() === 'prompt' ? (
<Textarea onChange={handleValueChanged} value={field.value} rows={5} />
) : (
<Input
style={{ width: `${textareaWidth}px` }}
onChange={handleValueChanged}
value={field.value}
/>
)}
</>
<Input onChange={handleValueChanged} value={field.value} />
);
};