wrap experimental features in a collapsible accordion
This commit is contained in:
parent
6226fe5d81
commit
3098e89d3d
|
@ -1,6 +1,6 @@
|
||||||
/* eslint-disable camelcase */
|
/* eslint-disable camelcase */
|
||||||
import { mustDefault, mustExist } from '@apextoaster/js-utils';
|
import { mustDefault, mustExist } from '@apextoaster/js-utils';
|
||||||
import { Checkbox, FormControlLabel, Stack, TextField } from '@mui/material';
|
import { Accordion, AccordionDetails, AccordionSummary, Checkbox, FormControlLabel, Stack, TextField } from '@mui/material';
|
||||||
import { useTranslation } from 'react-i18next';
|
import { useTranslation } from 'react-i18next';
|
||||||
import * as React from 'react';
|
import * as React from 'react';
|
||||||
import { useContext } from 'react';
|
import { useContext } from 'react';
|
||||||
|
@ -33,7 +33,10 @@ export function ExperimentalControl(props: ExperimentalControlProps) {
|
||||||
staleTime: STALE_TIME,
|
staleTime: STALE_TIME,
|
||||||
});
|
});
|
||||||
|
|
||||||
return <Stack spacing={STANDARD_SPACING}>
|
return <Accordion>
|
||||||
|
<AccordionSummary>{t('experimental.label')}</AccordionSummary>
|
||||||
|
<AccordionDetails>
|
||||||
|
<Stack spacing={STANDARD_SPACING}>
|
||||||
<Stack direction='row' spacing={STANDARD_SPACING}>
|
<Stack direction='row' spacing={STANDARD_SPACING}>
|
||||||
<FormControlLabel
|
<FormControlLabel
|
||||||
label={t('experimental.prompt_editing.label')}
|
label={t('experimental.prompt_editing.label')}
|
||||||
|
@ -184,5 +187,7 @@ export function ExperimentalControl(props: ExperimentalControlProps) {
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
</Stack>
|
</Stack>
|
||||||
</Stack>;
|
</Stack>
|
||||||
|
</AccordionDetails>
|
||||||
|
</Accordion>;
|
||||||
}
|
}
|
||||||
|
|
|
@ -107,8 +107,8 @@ export function Txt2Img() {
|
||||||
<SizeControl />
|
<SizeControl />
|
||||||
<HighresControl selectHighres={selectHighres} setHighres={setHighres} />
|
<HighresControl selectHighres={selectHighres} setHighres={setHighres} />
|
||||||
<UpscaleControl selectUpscale={selectUpscale} setUpscale={setUpscale} />
|
<UpscaleControl selectUpscale={selectUpscale} setUpscale={setUpscale} />
|
||||||
<ExperimentalControl selectExperimental={selectExperimental} setExperimental={setExperimental} />
|
|
||||||
<VariableControl selectGrid={selectVariable} setGrid={setVariable} />
|
<VariableControl selectGrid={selectVariable} setGrid={setVariable} />
|
||||||
|
<ExperimentalControl selectExperimental={selectExperimental} setExperimental={setExperimental} />
|
||||||
<Button
|
<Button
|
||||||
variant='contained'
|
variant='contained'
|
||||||
onClick={() => generate.mutate()}
|
onClick={() => generate.mutate()}
|
||||||
|
|
|
@ -23,6 +23,7 @@ export const I18N_STRINGS_DE = {
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
experimental: {
|
experimental: {
|
||||||
|
label: 'Experimentelle Merkmale',
|
||||||
latent_symmetry: {
|
latent_symmetry: {
|
||||||
label: 'Latente Symmetrie',
|
label: 'Latente Symmetrie',
|
||||||
gradient_start: 'Steigungsstart',
|
gradient_start: 'Steigungsstart',
|
||||||
|
|
|
@ -18,6 +18,7 @@ export const I18N_STRINGS_EN = {
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
experimental: {
|
experimental: {
|
||||||
|
label: 'Experimental Features',
|
||||||
latent_symmetry: {
|
latent_symmetry: {
|
||||||
label: 'Latent Symmetry',
|
label: 'Latent Symmetry',
|
||||||
gradient_start: 'Gradient Start',
|
gradient_start: 'Gradient Start',
|
||||||
|
|
|
@ -23,6 +23,7 @@ export const I18N_STRINGS_ES = {
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
experimental: {
|
experimental: {
|
||||||
|
label: 'Características Experimentales',
|
||||||
latent_symmetry: {
|
latent_symmetry: {
|
||||||
label: 'Simetría latente',
|
label: 'Simetría latente',
|
||||||
gradient_start: 'Inicio de gradiente',
|
gradient_start: 'Inicio de gradiente',
|
||||||
|
|
|
@ -23,6 +23,7 @@ export const I18N_STRINGS_FR = {
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
experimental: {
|
experimental: {
|
||||||
|
label: 'fonctionnalités expérimentales',
|
||||||
latent_symmetry: {
|
latent_symmetry: {
|
||||||
label: 'symétrie latente',
|
label: 'symétrie latente',
|
||||||
gradient_start: 'début du dégradé',
|
gradient_start: 'début du dégradé',
|
||||||
|
|
Loading…
Reference in New Issue