add Download mask settings

This commit is contained in:
Qing
2022-07-12 22:26:28 +08:00
parent a94f7e4ffe
commit 1f8fb29594
5 changed files with 49 additions and 1 deletions

View File

@@ -0,0 +1,29 @@
import React from 'react'
import { useRecoilState } from 'recoil'
import { settingState } from '../../store/Atoms'
import { Switch, SwitchThumb } from '../shared/Switch'
import SettingBlock from './SettingBlock'
const DownloadMaskSettingBlock: React.FC = () => {
const [setting, setSettingState] = useRecoilState(settingState)
const onCheckChange = (checked: boolean) => {
setSettingState(old => {
return { ...old, downloadMask: checked }
})
}
return (
<SettingBlock
title="Download Mask"
desc="Download inpainting result and mask"
input={
<Switch checked={setting.downloadMask} onCheckedChange={onCheckChange}>
<SwitchThumb />
</Switch>
}
/>
)
}
export default DownloadMaskSettingBlock

View File

@@ -17,7 +17,7 @@ function SettingBlock(props: SettingBlockProps) {
<div className="setting-block-content-title">
<span>{title}</span>
{desc && (
<Tooltip content={<div style={{ width: 400 }}>{desc}</div>}>
<Tooltip content={<div style={{ maxWidth: 400 }}>{desc}</div>}>
<svg
width="18"
height="18"

View File

@@ -7,6 +7,7 @@ import ManualRunInpaintingSettingBlock from './ManualRunInpaintingSettingBlock'
import HDSettingBlock from './HDSettingBlock'
import ModelSettingBlock from './ModelSettingBlock'
import GraduallyInpaintingSettingBlock from './GraduallyInpaintingSettingBlock'
import DownloadMaskSettingBlock from './DownloadMaskSettingBlock'
interface SettingModalProps {
onClose: () => void
@@ -31,6 +32,7 @@ export default function SettingModal(props: SettingModalProps) {
>
<ManualRunInpaintingSettingBlock />
<GraduallyInpaintingSettingBlock />
<DownloadMaskSettingBlock />
<ModelSettingBlock />
<HDSettingBlock />
</Modal>