all files migrated; tweaks needed

invokeai/frontend/web/src/features/parameters/components/AdvancedParameters/ImageToImage/ImageFit.tsx

@@ -0,0 +1,27 @@
+import { RootState } from 'app/store';
+import { useAppDispatch, useAppSelector } from 'app/storeHooks';
+import IAISwitch from 'common/components/IAISwitch';
+import { setShouldFitToWidthHeight } from 'features/parameters/store/generationSlice';
+import { ChangeEvent } from 'react';
+import { useTranslation } from 'react-i18next';
+
+export default function ImageFit() {
+  const dispatch = useAppDispatch();
+
+  const shouldFitToWidthHeight = useAppSelector(
+    (state: RootState) => state.generation.shouldFitToWidthHeight
+  );
+
+  const handleChangeFit = (e: ChangeEvent<HTMLInputElement>) =>
+    dispatch(setShouldFitToWidthHeight(e.target.checked));
+
+  const { t } = useTranslation();
+
+  return (
+    <IAISwitch
+      label={t('parameters.imageFit')}
+      isChecked={shouldFitToWidthHeight}
+      onChange={handleChangeFit}
+    />
+  );
+}

invokeai/frontend/web/src/features/parameters/components/AdvancedParameters/ImageToImage/ImageToImageStrength.tsx

@@ -0,0 +1,44 @@
+import { RootState } from 'app/store';
+import { useAppDispatch, useAppSelector } from 'app/storeHooks';
+import IAISlider from 'common/components/IAISlider';
+import { setImg2imgStrength } from 'features/parameters/store/generationSlice';
+import { useTranslation } from 'react-i18next';
+
+interface ImageToImageStrengthProps {
+  label?: string;
+  styleClass?: string;
+}
+
+export default function ImageToImageStrength(props: ImageToImageStrengthProps) {
+  const { t } = useTranslation();
+  const { label = `${t('parameters.strength')}`, styleClass } = props;
+  const img2imgStrength = useAppSelector(
+    (state: RootState) => state.generation.img2imgStrength
+  );
+
+  const dispatch = useAppDispatch();
+
+  const handleChangeStrength = (v: number) => dispatch(setImg2imgStrength(v));
+
+  const handleImg2ImgStrengthReset = () => {
+    dispatch(setImg2imgStrength(0.75));
+  };
+
+  return (
+    <IAISlider
+      label={label}
+      step={0.01}
+      min={0.01}
+      max={1}
+      onChange={handleChangeStrength}
+      value={img2imgStrength}
+      isInteger={false}
+      styleClass={styleClass}
+      withInput
+      withSliderMarks
+      inputWidth="5.5rem"
+      withReset
+      handleReset={handleImg2ImgStrengthReset}
+    />
+  );
+}