diff --git a/frontend/src/features/options/components/AdvancedOptions/Output/ImageToImageOutputOptions.tsx b/frontend/src/features/options/components/AdvancedOptions/Output/ImageToImageOutputOptions.tsx new file mode 100644 index 0000000000..ad18e5550a --- /dev/null +++ b/frontend/src/features/options/components/AdvancedOptions/Output/ImageToImageOutputOptions.tsx @@ -0,0 +1,12 @@ +import { Flex } from '@chakra-ui/react'; +import SeamlessOptions from './SeamlessOptions'; + +const ImageToImageOutputOptions = () => { + return ( + + + + ); +}; + +export default ImageToImageOutputOptions; diff --git a/frontend/src/features/tabs/components/ImageToImage/ImageToImagePanel.tsx b/frontend/src/features/tabs/components/ImageToImage/ImageToImagePanel.tsx index 3b85b1fbee..771a1c7118 100644 --- a/frontend/src/features/tabs/components/ImageToImage/ImageToImagePanel.tsx +++ b/frontend/src/features/tabs/components/ImageToImage/ImageToImagePanel.tsx @@ -1,9 +1,10 @@ +import { useEffect } from 'react'; import { Feature } from 'app/features'; import FaceRestoreOptions from 'features/options/components/AdvancedOptions/FaceRestore/FaceRestoreOptions'; import FaceRestoreToggle from 'features/options/components/AdvancedOptions/FaceRestore/FaceRestoreToggle'; import ImageFit from 'features/options/components/AdvancedOptions/ImageToImage/ImageFit'; import ImageToImageStrength from 'features/options/components/AdvancedOptions/ImageToImage/ImageToImageStrength'; -import OutputOptions from 'features/options/components/AdvancedOptions/Output/OutputOptions'; +import ImageToImageOutputOptions from 'features/options/components/AdvancedOptions/Output/ImageToImageOutputOptions'; import SeedOptions from 'features/options/components/AdvancedOptions/Seed/SeedOptions'; import UpscaleOptions from 'features/options/components/AdvancedOptions/Upscale/UpscaleOptions'; import UpscaleToggle from 'features/options/components/AdvancedOptions/Upscale/UpscaleToggle'; @@ -13,7 +14,10 @@ import MainOptions from 'features/options/components/MainOptions/MainOptions'; import OptionsAccordion from 'features/options/components/OptionsAccordion'; import ProcessButtons from 'features/options/components/ProcessButtons/ProcessButtons'; import PromptInput from 'features/options/components/PromptInput/PromptInput'; +import { setHiresFix } from 'features/options/store/optionsSlice'; +import { useAppDispatch, useAppSelector } from 'app/storeHooks'; import InvokeOptionsPanel from 'features/tabs/components/InvokeOptionsPanel'; +import { activeTabNameSelector } from 'features/options/store/optionsSelectors'; export default function ImageToImagePanel() { const imageToImageAccordions = { @@ -43,10 +47,21 @@ export default function ImageToImagePanel() { other: { header: 'Other Options', feature: Feature.OTHER, - content: , + content: , }, }; + const dispatch = useAppDispatch(); + + const activeTabName = useAppSelector(activeTabNameSelector); + + useEffect(() => { + if (activeTabName === 'img2img') { + const handleChangeHiresFix = () => dispatch(setHiresFix(false)); + handleChangeHiresFix(); + } + }, [activeTabName, dispatch]); + return (