github/InvokeAI
1
1
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI.git synced 2026-04-23 03:00:31 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): add empty string placeholder to string fields

Browse Source
This commit is contained in:
psychedelicious
2025-03-21 16:39:04 +10:00
parent 6a4c2d692c
commit 434f195a96
4 changed files with 21 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
invokeai/frontend/web/public/locales/en.json
View File

@@ -1744,6 +1744,7 @@
"openLibrary": "Open Library",
"workflowThumbnail": "Workflow Thumbnail",
"saveChanges": "Save Changes",
"emptyStringPlaceholder": "<empty string>",
"builder": {
"deleteAllElements": "Delete All Form Elements",
"resetAllNodeFields": "Reset All Node Fields",

11
invokeai/frontend/web/src/features/nodes/components/flow/nodes/Invocation/fields/StringField/StringFieldInput.tsx
View File

@@ -4,12 +4,21 @@ import { useStringField } from 'features/nodes/components/flow/nodes/Invocation/
import { NO_DRAG_CLASS, NO_PAN_CLASS, NO_WHEEL_CLASS } from 'features/nodes/types/constants';
import type { StringFieldInputInstance, StringFieldInputTemplate } from 'features/nodes/types/field';
import { memo } from 'react';
import { useTranslation } from 'react-i18next';
export const StringFieldInput = memo(
(props: FieldComponentProps<StringFieldInputInstance, StringFieldInputTemplate>) => {
const { value, onChange } = useStringField(props);
const { t } = useTranslation();
return <Input className={`${NO_DRAG_CLASS} ${NO_PAN_CLASS} ${NO_WHEEL_CLASS}`} value={value} onChange={onChange} />;
return (
<Input
className={`${NO_DRAG_CLASS} ${NO_PAN_CLASS} ${NO_WHEEL_CLASS}`}
placeholder={t('workflows.emptyStringPlaceholder')}
value={value}
onChange={onChange}
/>
);
}
);

3
invokeai/frontend/web/src/features/nodes/components/flow/nodes/Invocation/fields/StringField/StringFieldTextarea.tsx
View File

@@ -4,14 +4,17 @@ import { useStringField } from 'features/nodes/components/flow/nodes/Invocation/
import { NO_DRAG_CLASS, NO_PAN_CLASS, NO_WHEEL_CLASS } from 'features/nodes/types/constants';
import type { StringFieldInputInstance, StringFieldInputTemplate } from 'features/nodes/types/field';
import { memo } from 'react';
import { useTranslation } from 'react-i18next';
export const StringFieldTextarea = memo(
(props: FieldComponentProps<StringFieldInputInstance, StringFieldInputTemplate>) => {
const { t } = useTranslation();
const { value, onChange } = useStringField(props);
return (
<Textarea
className={`${NO_DRAG_CLASS} ${NO_PAN_CLASS} ${NO_WHEEL_CLASS}`}
placeholder={t('workflows.emptyStringPlaceholder')}
value={value}
onChange={onChange}
h="full"

8
invokeai/frontend/web/src/features/nodes/components/flow/nodes/Invocation/fields/inputs/StringFieldCollectionInputComponent.tsx
View File

@@ -171,7 +171,13 @@ const ListItemContent = memo(({ value, index, onRemoveString, onChangeString }:
</FormLabel>
</GridItem>
<GridItem>
<Input size="sm" resize="none" value={value} onChange={onChange} />
<Input
placeholder={t('workflows.emptyStringPlaceholder')}
size="sm"
resize="none"
value={value}
onChange={onChange}
/>
</GridItem>
<GridItem>
<IconButton