From 25b19b9ab830290c30bb2d86831ce210ae765164 Mon Sep 17 00:00:00 2001
From: blessedcoolant <54517381+blessedcoolant@users.noreply.github.com>
Date: Tue, 22 Nov 2022 16:10:52 +1300
Subject: [PATCH] Add loopback to just img2img. Remove from settings.

---
 .../components/ProcessButtons/ProcessButtons.tsx  |  6 ++++++
 .../components/SettingsModal/SettingsModal.tsx    | 15 +--------------
 2 files changed, 7 insertions(+), 14 deletions(-)

diff --git a/frontend/src/features/options/components/ProcessButtons/ProcessButtons.tsx b/frontend/src/features/options/components/ProcessButtons/ProcessButtons.tsx
index e4d07a0224..2cf11a8a60 100644
--- a/frontend/src/features/options/components/ProcessButtons/ProcessButtons.tsx
+++ b/frontend/src/features/options/components/ProcessButtons/ProcessButtons.tsx
@@ -1,13 +1,19 @@
 import InvokeButton from './InvokeButton';
 import CancelButton from './CancelButton';
+import LoopbackButton from './Loopback';
+import { useAppSelector } from 'app/store';
+import { activeTabNameSelector } from 'features/options/store/optionsSelectors';
 
 /**
  * Buttons to start and cancel image generation.
  */
 const ProcessButtons = () => {
+  const activeTabName = useAppSelector(activeTabNameSelector);
+
   return (
     <div className="process-buttons">
       <InvokeButton />
+      {activeTabName === 'img2img' && <LoopbackButton />}
       <CancelButton />
     </div>
   );
diff --git a/frontend/src/features/system/components/SettingsModal/SettingsModal.tsx b/frontend/src/features/system/components/SettingsModal/SettingsModal.tsx
index 706a40eb60..289bedfbe4 100644
--- a/frontend/src/features/system/components/SettingsModal/SettingsModal.tsx
+++ b/frontend/src/features/system/components/SettingsModal/SettingsModal.tsx
@@ -32,11 +32,10 @@ import IAISelect from 'common/components/IAISelect';
 import IAINumberInput from 'common/components/IAINumberInput';
 import { systemSelector } from 'features/system/store/systemSelectors';
 import { optionsSelector } from 'features/options/store/optionsSelectors';
-import { setShouldLoopback } from 'features/options/store/optionsSlice';
 
 const selector = createSelector(
   [systemSelector, optionsSelector],
-  (system, options) => {
+  (system) => {
     const {
       shouldDisplayInProgressType,
       shouldConfirmOnDelete,
@@ -46,8 +45,6 @@ const selector = createSelector(
       enableImageDebugging,
     } = system;
 
-    const { shouldLoopback } = options;
-
     return {
       shouldDisplayInProgressType,
       shouldConfirmOnDelete,
@@ -55,7 +52,6 @@ const selector = createSelector(
       models: _.map(model_list, (_model, key) => key),
       saveIntermediatesInterval,
       enableImageDebugging,
-      shouldLoopback,
     };
   },
   {
@@ -97,7 +93,6 @@ const SettingsModal = ({ children }: SettingsModalProps) => {
     shouldDisplayGuides,
     saveIntermediatesInterval,
     enableImageDebugging,
-    shouldLoopback,
   } = useAppSelector(selector);
 
   /**
@@ -178,14 +173,6 @@ const SettingsModal = ({ children }: SettingsModalProps) => {
                   dispatch(setShouldDisplayGuides(e.target.checked))
                 }
               />
-              <IAISwitch
-                styleClass="settings-modal-item"
-                label={'Image to Image Loopback'}
-                isChecked={shouldLoopback}
-                onChange={(e: ChangeEvent<HTMLInputElement>) =>
-                  dispatch(setShouldLoopback(e.target.checked))
-                }
-              />
             </div>
 
             <div className="settings-modal-items">