32 lines
794 B
TypeScript
32 lines
794 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 ManualRunInpaintingSettingBlock: React.FC = () => {
|
|
const [setting, setSettingState] = useRecoilState(settingState)
|
|
|
|
const onCheckChange = (checked: boolean) => {
|
|
setSettingState(old => {
|
|
return { ...old, runInpaintingManually: checked }
|
|
})
|
|
}
|
|
|
|
return (
|
|
<SettingBlock
|
|
title="Manual Inpainting Mode"
|
|
input={
|
|
<Switch
|
|
checked={setting.runInpaintingManually}
|
|
onCheckedChange={onCheckChange}
|
|
>
|
|
<SwitchThumb />
|
|
</Switch>
|
|
}
|
|
/>
|
|
)
|
|
}
|
|
|
|
export default ManualRunInpaintingSettingBlock
|