diff --git a/invokeai/frontend/web/src/features/settingsAccordions/components/ImageSettingsAccordion/ImageSettingsAccordion.tsx b/invokeai/frontend/web/src/features/settingsAccordions/components/ImageSettingsAccordion/ImageSettingsAccordion.tsx index 10f6f05269..818d8508ae 100644 --- a/invokeai/frontend/web/src/features/settingsAccordions/components/ImageSettingsAccordion/ImageSettingsAccordion.tsx +++ b/invokeai/frontend/web/src/features/settingsAccordions/components/ImageSettingsAccordion/ImageSettingsAccordion.tsx @@ -4,7 +4,7 @@ import { EMPTY_ARRAY } from 'app/store/constants'; import { createMemoizedSelector } from 'app/store/createMemoizedSelector'; import { useAppSelector } from 'app/store/storeHooks'; import { selectParamsSlice } from 'features/controlLayers/store/paramsSlice'; -import { selectCanvasSlice } from 'features/controlLayers/store/selectors'; +import { selectCanvasSlice, selectScaleMethod } from 'features/controlLayers/store/selectors'; import BboxScaledHeight from 'features/parameters/components/Bbox/BboxScaledHeight'; import BboxScaledWidth from 'features/parameters/components/Bbox/BboxScaledWidth'; import BboxScaleMethod from 'features/parameters/components/Bbox/BboxScaleMethod'; @@ -50,6 +50,7 @@ const scalingLabelProps: FormLabelProps = { export const ImageSettingsAccordion = memo(() => { const { t } = useTranslation(); const badges = useAppSelector(selectBadges); + const scaleMethod = useAppSelector(selectScaleMethod); const { isOpen: isOpenAccordion, onToggle: onToggleAccordion } = useStandaloneAccordionToggle({ id: 'image-settings', defaultIsOpen: true, @@ -77,10 +78,12 @@ export const ImageSettingsAccordion = memo(() => { - - - - + {scaleMethod !== 'none' && ( + + + + + )}