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 badge to queue indicating if run is validation run

Browse Source
This commit is contained in:
psychedelicious
2025-03-31 14:28:40 +10:00
parent 703e1c8001
commit 0c7aa85a5c
3 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1806,7 +1806,8 @@
"publishFailedDesc": "There was a problem publishing the workflow. Please try again.",
"publishSuccess": "Workflow publish started",
"publishSuccessDesc": "Your workflow is being published. Check your Project Dashboard to see its progress.",
"publishInProgress": "Publishing in Progress"
"publishInProgress": "Publishing in Progress",
"publishingValidationRun": "Publishing Validation Run"
}
},
"controlLayers": {

6
invokeai/frontend/web/src/features/queue/components/QueueList/QueueItemComponent.tsx
View File

@@ -1,5 +1,5 @@
import type { ChakraProps, CollapseProps } from '@invoke-ai/ui-library';
import { ButtonGroup, Collapse, Flex, IconButton, Text } from '@invoke-ai/ui-library';
import { Badge, ButtonGroup, Collapse, Flex, IconButton, Text } from '@invoke-ai/ui-library';
import QueueStatusBadge from 'features/queue/components/common/QueueStatusBadge';
import { useDestinationText } from 'features/queue/components/QueueList/useDestinationText';
import { useOriginText } from 'features/queue/components/QueueList/useOriginText';
@@ -64,6 +64,7 @@ const QueueItemComponent = ({ index, item, context }: InnerItemProps) => {
const isCanceled = useMemo(() => ['canceled', 'completed', 'failed'].includes(item.status), [item.status]);
const isFailed = useMemo(() => ['canceled', 'failed'].includes(item.status), [item.status]);
const isValidationRun = useMemo(() => item.is_api_validation_run === true, [item.is_api_validation_run]);
const originText = useOriginText(item.origin);
const destinationText = useDestinationText(item.destination);
@@ -118,6 +119,9 @@ const QueueItemComponent = ({ index, item, context }: InnerItemProps) => {
</Flex>
)}
</Flex>
<Flex alignItems="center" w={COLUMN_WIDTHS.validationRun} flexShrink={0}>
{!isValidationRun && <Badge>{t('workflows.builder.publishingValidationRun')}</Badge>}
</Flex>
<Flex alignItems="center" w={COLUMN_WIDTHS.actions} pe={3}>
<ButtonGroup size="xs" variant="ghost">
{(!isFailed || !isRetryEnabled) && (

1
invokeai/frontend/web/src/features/queue/components/QueueList/constants.ts
View File

@@ -7,5 +7,6 @@ export const COLUMN_WIDTHS = {
destination: '6rem',
batchId: '5rem',
fieldValues: 'auto',
validationRun: 'auto',
actions: 'auto',
} as const;