only show sidepanel when useing sd

This commit is contained in:
Qing 2022-09-22 22:39:29 +08:00
parent 5429bf2e87
commit 8d65195e8a

View File

@ -1,10 +1,10 @@
import React, { useEffect } from 'react' import React, { useEffect } from 'react'
import { useRecoilState } from 'recoil' import { useRecoilState, useRecoilValue } from 'recoil'
import Editor from './Editor/Editor' import Editor from './Editor/Editor'
import ShortcutsModal from './Shortcuts/ShortcutsModal' import ShortcutsModal from './Shortcuts/ShortcutsModal'
import SettingModal from './Settings/SettingsModal' import SettingModal from './Settings/SettingsModal'
import Toast from './shared/Toast' import Toast from './shared/Toast'
import { AIModel, settingState, toastState } from '../store/Atoms' import { AIModel, isSDState, settingState, toastState } from '../store/Atoms'
import { import {
currentModel, currentModel,
modelDownloaded, modelDownloaded,
@ -19,6 +19,7 @@ interface WorkspaceProps {
const Workspace = ({ file }: WorkspaceProps) => { const Workspace = ({ file }: WorkspaceProps) => {
const [settings, setSettingState] = useRecoilState(settingState) const [settings, setSettingState] = useRecoilState(settingState)
const [toastVal, setToastState] = useRecoilState(toastState) const [toastVal, setToastState] = useRecoilState(toastState)
const isSD = useRecoilValue(isSDState)
const onSettingClose = async () => { const onSettingClose = async () => {
const curModel = await currentModel().then(res => res.text()) const curModel = await currentModel().then(res => res.text())
@ -83,7 +84,7 @@ const Workspace = ({ file }: WorkspaceProps) => {
return ( return (
<> <>
<SidePanel /> {isSD ? <SidePanel /> : <></>}
<Editor file={file} /> <Editor file={file} />
<SettingModal onClose={onSettingClose} /> <SettingModal onClose={onSettingClose} />
<ShortcutsModal /> <ShortcutsModal />