diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageMetadataViewer/ImageMetadataActions.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageMetadataViewer/ImageMetadataActions.tsx index cfa679c805..5b9f15c21a 100644 --- a/invokeai/frontend/web/src/features/gallery/components/ImageMetadataViewer/ImageMetadataActions.tsx +++ b/invokeai/frontend/web/src/features/gallery/components/ImageMetadataViewer/ImageMetadataActions.tsx @@ -19,7 +19,6 @@ const ImageMetadataActions = (props: Props) => { return ( <> - diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageMetadataViewer/ImageMetadataViewer.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageMetadataViewer/ImageMetadataViewer.tsx index 6cb4f6ddd3..9975492b68 100644 --- a/invokeai/frontend/web/src/features/gallery/components/ImageMetadataViewer/ImageMetadataViewer.tsx +++ b/invokeai/frontend/web/src/features/gallery/components/ImageMetadataViewer/ImageMetadataViewer.tsx @@ -1,4 +1,4 @@ -import { ExternalLink, Flex, Tab, TabList, TabPanel, TabPanels, Tabs } from '@invoke-ai/ui-library'; +import { ExternalLink, Flex, Tab, TabList, TabPanel, TabPanels, Tabs, Text } from '@invoke-ai/ui-library'; import { IAINoContentFallback } from 'common/components/IAIImageFallback'; import ScrollableContent from 'common/components/OverlayScrollbars/ScrollableContent'; import { memo } from 'react'; @@ -37,6 +37,13 @@ const ImageMetadataViewer = ({ image }: ImageMetadataViewerProps) => { overflow="hidden" > + {metadata && metadata['created_by'] && typeof metadata['created_by'] === 'string' ? ( + + {t('metadata.createdBy')}: {metadata['created_by']} + + ) : ( + <> + )} diff --git a/invokeai/frontend/web/src/features/metadata/util/handlers.ts b/invokeai/frontend/web/src/features/metadata/util/handlers.ts index 069668f74a..15abe4b3e4 100644 --- a/invokeai/frontend/web/src/features/metadata/util/handlers.ts +++ b/invokeai/frontend/web/src/features/metadata/util/handlers.ts @@ -174,7 +174,6 @@ const buildHandlers: BuildMetadataHandlers = ({ export const handlers = { // Misc - createdBy: buildHandlers({ getLabel: () => t('metadata.createdBy'), parser: parsers.createdBy }), generationMode: buildHandlers({ getLabel: () => t('metadata.generationMode'), parser: parsers.generationMode }), // Core parameters diff --git a/invokeai/frontend/web/src/features/metadata/util/parsers.ts b/invokeai/frontend/web/src/features/metadata/util/parsers.ts index c7c9616bd0..33889b158b 100644 --- a/invokeai/frontend/web/src/features/metadata/util/parsers.ts +++ b/invokeai/frontend/web/src/features/metadata/util/parsers.ts @@ -108,8 +108,6 @@ const getProperty = ( }); }; -const parseCreatedBy: MetadataParseFunc = (metadata) => getProperty(metadata, 'created_by', isString); - const parseGenerationMode: MetadataParseFunc = (metadata) => getProperty(metadata, 'generation_mode', isString); const parsePositivePrompt: MetadataParseFunc = (metadata) => @@ -391,7 +389,6 @@ const parseAllIPAdapters: MetadataParseFunc = async ( }; export const parsers = { - createdBy: parseCreatedBy, generationMode: parseGenerationMode, positivePrompt: parsePositivePrompt, negativePrompt: parseNegativePrompt,