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

prop to hide toggle for advanced settings

Browse Source
This commit is contained in:
Mary Hipp 2023-07-07 14:03:37 -04:00
parent bdbdcabcdf
commit 3dc42869f4
1 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsModal.tsx
View File

@ -90,6 +90,7 @@ type ConfigOptions = {
shouldShowDeveloperSettings: boolean; shouldShowDeveloperSettings: boolean;
shouldShowResetWebUiText: boolean; shouldShowResetWebUiText: boolean;
shouldShowBetaLayout: boolean; shouldShowBetaLayout: boolean;
shouldShowAdvancedOptionsSettings: boolean;
}; };
type SettingsModalProps = { type SettingsModalProps = {
@ -106,6 +107,8 @@ const SettingsModal = ({ children, config }: SettingsModalProps) => {
const shouldShowDeveloperSettings = const shouldShowDeveloperSettings =
config?.shouldShowDeveloperSettings ?? true; config?.shouldShowDeveloperSettings ?? true;
const shouldShowResetWebUiText = config?.shouldShowResetWebUiText ?? true; const shouldShowResetWebUiText = config?.shouldShowResetWebUiText ?? true;
const shouldShowAdvancedOptionsSettings =
config?.shouldShowAdvancedOptionsSettings ?? true;
useEffect(() => { useEffect(() => {
if (!shouldShowDeveloperSettings) { if (!shouldShowDeveloperSettings) {
@ -193,13 +196,15 @@ const SettingsModal = ({ children, config }: SettingsModalProps) => {
dispatch(setShouldConfirmOnDelete(e.target.checked)) dispatch(setShouldConfirmOnDelete(e.target.checked))
} }
/> />
<IAISwitch {shouldShowAdvancedOptionsSettings && (
label={t('settings.showAdvancedOptions')} <IAISwitch
isChecked={shouldShowAdvancedOptions} label={t('settings.showAdvancedOptions')}
onChange={(e: ChangeEvent<HTMLInputElement>) => isChecked={shouldShowAdvancedOptions}
dispatch(setShouldShowAdvancedOptions(e.target.checked)) onChange={(e: ChangeEvent<HTMLInputElement>) =>
} dispatch(setShouldShowAdvancedOptions(e.target.checked))
/> }
/>
)}
</StyledFlex> </StyledFlex>
<StyledFlex> <StyledFlex>