fix: background blur transition

This commit is contained in:
alexsparkes
2022-11-13 19:17:08 +00:00
parent a5292a26e2
commit c5dcb2937d
7 changed files with 121 additions and 16 deletions

View File

@@ -5,6 +5,7 @@ import { MdSource, MdOutlineKeyboardArrowRight, MdOutlineAutoAwesome } from 'rea
import Header from '../../Header';
import Checkbox from '../../Checkbox';
import ChipSelect from '../../ChipSelect';
import Dropdown from '../../Dropdown';
import Slider from '../../Slider';
import Radio from '../../Radio';
@@ -125,16 +126,25 @@ export default class BackgroundSettings extends PureComponent {
</Dropdown>
</>
) : (
<Dropdown
label={variables.getMessage('modals.main.settings.sections.background.category')}
name="apiCategories"
>
{this.state.backgroundCategories.map((category) => (
<MenuItem value={category.name} key={category.name}>
{category.name.charAt(0).toUpperCase() + category.name.slice(1)} ({category.count})
</MenuItem>
))}
</Dropdown>
<>
{/*<Dropdown
label={variables.getMessage('modals.main.settings.sections.background.category')}
name="apiCategories"
>
{this.state.backgroundCategories.map((category) => (
<MenuItem value={category.name} key={category.name}>
{category.name.charAt(0).toUpperCase() + category.name.slice(1)} (
{category.count})
</MenuItem>
))}
</Dropdown>
<ChipSelect
label={variables.getMessage('modals.main.settings.sections.background.category')}
options={this.state.backgroundCategories}
name="apiCategories"
></ChipSelect>
*/}
</>
)}
<Dropdown
label={variables.getMessage(