Fix of Hires Fix on Img2Img tab (#2096)

* Fix of Hires Fix on Img2Img tab

Fixed linting issues

* Attempting to fix prettier workflow issues

* More Prettier Attempts

* Finally Fixed Prettier Issues

* Fix of Hires Fix on Img2Img tab

Fixed linting issues

* Attempting to fix prettier workflow issues

* More Prettier Attempts

* Finally Fixed Prettier Issues

* updated with useEffect

* Update to fix Prettier

* Update useEffect dependencies

* Fix dispatch dependency error from prettier

Co-authored-by: Lincoln Stein <lincoln.stein@gmail.com>

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 (
+    <Flex gap={2} direction={'column'}>
+      <SeamlessOptions />
+    </Flex>
+  );
+};
+
+export default ImageToImageOutputOptions;

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: <OutputOptions />,
+      content: <ImageToImageOutputOptions />,
     },
   };
 
+  const dispatch = useAppDispatch();
+
+  const activeTabName = useAppSelector(activeTabNameSelector);
+
+  useEffect(() => {
+    if (activeTabName === 'img2img') {
+      const handleChangeHiresFix = () => dispatch(setHiresFix(false));
+      handleChangeHiresFix();
+    }
+  }, [activeTabName, dispatch]);
+
   return (
     <InvokeOptionsPanel>
       <PromptInput />