Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): resolve merge conflicts

Browse Source
This commit is contained in:
psychedelicious
2023-07-07 22:48:25 +10:00
parent 8457fcf7d3
commit 2cbe98b1b1
2 changed files with 22 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
invokeai/frontend/web/src/features/parameters/components/Parameters/Advanced/ParamClipSkip.tsx
View File

@ -2,7 +2,7 @@ import { RootState } from 'app/store/store';
import { useAppDispatch, useAppSelector } from 'app/store/storeHooks';
import IAISlider from 'common/components/IAISlider';
import { setClipSkip } from 'features/parameters/store/generationSlice';
import { useCallback } from 'react';
import { useCallback, useMemo } from 'react';
import { useTranslation } from 'react-i18next';
export const clipSkipMap = {
@ -21,9 +21,7 @@ export default function ParamClipSkip() {
(state: RootState) => state.generation.clipSkip
);
const selectedModelId = useAppSelector(
(state: RootState) => state.generation.model
).split('/')[0];
const { model } = useAppSelector((state: RootState) => state.generation);
const dispatch = useAppDispatch();
const { t } = useTranslation();
@ -39,19 +37,31 @@ export default function ParamClipSkip() {
dispatch(setClipSkip(0));
}, [dispatch]);
const max = useMemo(() => {
if (!model) {
return clipSkipMap['sd-1'].maxClip;
}
return clipSkipMap[model.base_model].maxClip;
}, [model]);
const sliderMarks = useMemo(() => {
if (!model) {
return clipSkipMap['sd-1'].markers;
}
return clipSkipMap[model.base_model].markers;
}, [model]);
return (
<IAISlider
label={t('parameters.clipSkip')}
aria-label={t('parameters.clipSkip')}
min={0}
max={clipSkipMap[selectedModelId as keyof typeof clipSkipMap].maxClip}
max={max}
step={1}
value={clipSkip}
onChange={handleClipSkipChange}
withSliderMarks
sliderMarks={
clipSkipMap[selectedModelId as keyof typeof clipSkipMap].markers
}
sliderMarks={sliderMarks}
withInput
withReset
handleReset={handleClipSkipReset}