diff --git a/invokeai/frontend/web/public/locales/en.json b/invokeai/frontend/web/public/locales/en.json index aa80fc7ecc..8836b12164 100644 --- a/invokeai/frontend/web/public/locales/en.json +++ b/invokeai/frontend/web/public/locales/en.json @@ -1098,6 +1098,7 @@ "boundingBoxHeader": "Bounding Box", "boundingBoxHeight": "Bounding Box Height", "boundingBoxWidth": "Bounding Box Width", + "boxBlur": "Box Blur", "cancel": { "cancel": "Cancel", "immediate": "Cancel immediately", @@ -1372,6 +1373,7 @@ "promptNotSet": "Prompt Not Set", "promptNotSetDesc": "Could not find prompt for this image.", "promptSet": "Prompt Set", + "resetInitialImage":"Reset Initial Image", "seedNotSet": "Seed Not Set", "seedNotSetDesc": "Could not find seed for this image.", "seedSet": "Seed Set", @@ -1388,6 +1390,7 @@ "uploadFailed": "Upload failed", "uploadFailedInvalidUploadDesc": "Must be single PNG or JPEG image", "uploadFailedUnableToLoadDesc": "Unable to load file", + "uploadInitialImage":"Upload Initial Image", "upscalingFailed": "Upscaling Failed", "workflowLoaded": "Workflow Loaded", "problemRetrievingWorkflow": "Problem Retrieving Workflow", diff --git a/invokeai/frontend/web/src/common/components/IAIDropOverlay.tsx b/invokeai/frontend/web/src/common/components/IAIDropOverlay.tsx index a9c16830f8..a6b654a947 100644 --- a/invokeai/frontend/web/src/common/components/IAIDropOverlay.tsx +++ b/invokeai/frontend/web/src/common/components/IAIDropOverlay.tsx @@ -3,8 +3,8 @@ import type { AnimationProps } from 'framer-motion'; import { motion } from 'framer-motion'; import type { ReactNode } from 'react'; import { memo, useRef } from 'react'; -import { v4 as uuidv4 } from 'uuid'; import { useTranslation } from 'react-i18next'; +import { v4 as uuidv4 } from 'uuid'; type Props = { isOver: boolean; label?: ReactNode; diff --git a/invokeai/frontend/web/src/features/parameters/components/ImageToImage/InitialImage.tsx b/invokeai/frontend/web/src/features/parameters/components/ImageToImage/InitialImage.tsx index 1dbd5e31f9..711ade4ec1 100644 --- a/invokeai/frontend/web/src/features/parameters/components/ImageToImage/InitialImage.tsx +++ b/invokeai/frontend/web/src/features/parameters/components/ImageToImage/InitialImage.tsx @@ -3,7 +3,6 @@ import { createMemoizedSelector } from 'app/store/createMemoizedSelector'; import { useAppDispatch, useAppSelector } from 'app/store/storeHooks'; import IAIDndImage from 'common/components/IAIDndImage'; import { IAINoContentFallback } from 'common/components/IAIImageFallback'; -import { useTranslation } from 'react-i18next'; import type { TypesafeDraggableData, TypesafeDroppableData, @@ -13,6 +12,7 @@ import { selectGenerationSlice, } from 'features/parameters/store/generationSlice'; import { memo, useEffect, useMemo } from 'react'; +import { useTranslation } from 'react-i18next'; import { useGetImageDTOQuery } from 'services/api/endpoints/images'; const selectInitialImage = createMemoizedSelector( @@ -62,9 +62,11 @@ const InitialImage = () => { draggableData={draggableData} isUploadDisabled={true} fitContainer - dropLabel="Set as Initial Image" + dropLabel={t('toast.setInitialImage')} noContentFallback={ - + } dataTestId="initial-image" /> diff --git a/invokeai/frontend/web/src/features/parameters/components/ImageToImage/InitialImageDisplay.tsx b/invokeai/frontend/web/src/features/parameters/components/ImageToImage/InitialImageDisplay.tsx index dc4c6b0021..11490b42ad 100644 --- a/invokeai/frontend/web/src/features/parameters/components/ImageToImage/InitialImageDisplay.tsx +++ b/invokeai/frontend/web/src/features/parameters/components/ImageToImage/InitialImageDisplay.tsx @@ -87,9 +87,15 @@ const InitialImageDisplay = () => { onClick={handleUseSizeInitialImage} isDisabled={!initialImage} /> +<<<<<<< HEAD >>>>>> a94e09658 (more strings and translations added) icon={} onClick={handleReset} isDisabled={!initialImage}