33 lines
906 B
TypeScript
33 lines
906 B
TypeScript
|
import React from 'react'
|
||
|
import { useRecoilState } from 'recoil'
|
||
|
import { settingState } from '../../store/Atoms'
|
||
|
import { Switch, SwitchThumb } from '../shared/Switch'
|
||
|
import SettingBlock from './SettingBlock'
|
||
|
|
||
|
const GraduallyInpaintingSettingBlock: React.FC = () => {
|
||
|
const [setting, setSettingState] = useRecoilState(settingState)
|
||
|
|
||
|
const onCheckChange = (checked: boolean) => {
|
||
|
setSettingState(old => {
|
||
|
return { ...old, graduallyInpainting: checked }
|
||
|
})
|
||
|
}
|
||
|
|
||
|
return (
|
||
|
<SettingBlock
|
||
|
title="Gradually Inpainting"
|
||
|
desc="If checked, perform inpainting on the last result, otherwise, always run the model on the initial image."
|
||
|
input={
|
||
|
<Switch
|
||
|
checked={setting.graduallyInpainting}
|
||
|
onCheckedChange={onCheckChange}
|
||
|
>
|
||
|
<SwitchThumb />
|
||
|
</Switch>
|
||
|
}
|
||
|
/>
|
||
|
)
|
||
|
}
|
||
|
|
||
|
export default GraduallyInpaintingSettingBlock
|