mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-07-24 01:07:23 +02:00
Code Issues Packages Projects Releases Wiki Activity

chore: improve background back btn, update dependencies

Browse Source
This commit is contained in:
David Ralph
2022-05-11 16:09:26 +01:00
parent c3df2d7b23
commit bd05aa5ee0
32 changed files with 167 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/modals/main/settings/sections/background/Background.jsx
View File

@@ -72,7 +72,6 @@ export default class BackgroundSettings extends PureComponent {
render() {
const { getMessage } = this;
let backgroundSettings;
const interval = (
<SettingsItem title="Interval" subtitle="Change how often the background is updated">
<Dropdown
@@ -176,6 +175,7 @@ export default class BackgroundSettings extends PureComponent {
</>
);
let backgroundSettings = APISettings;
switch (this.state.backgroundType) {
case 'custom':
backgroundSettings = <CustomSettings interval={interval} />;
@@ -184,13 +184,10 @@ export default class BackgroundSettings extends PureComponent {
backgroundSettings = <ColourSettings />;
break;
case 'random_colour':
backgroundSettings = <></>;
break;
case 'random_gradient':
backgroundSettings = <></>;
break;
default:
backgroundSettings = APISettings;
break;
}
@@ -210,16 +207,15 @@ export default class BackgroundSettings extends PureComponent {
const breadcrumb = (name, toSet) => (
<div className="breadcrumb">
<div onClick={() => this.setState({ [toSet]: false })}>
<Tooltip title="back" key="backArrow">
<MdArrowBack />
</Tooltip>
<div onClick={() => this.setState({ [toSet]: false })} className="settingsReturn">
<Tooltip title="back" key="backArrow">
<MdArrowBack />
</Tooltip>
</div>
<span className="subtitle">{name}</span>
</div>
<span className="subtitle">{name}</span>
</div>
);
return (
<>
<Header
@@ -228,12 +224,10 @@ export default class BackgroundSettings extends PureComponent {
category="background"
element="#backgroundImage"
/>
{this.state.effects ? (
breadcrumb('Effects', 'effects')
) : null}
{this.state.backgroundSettingsSection ? (
breadcrumb('Source', 'backgroundSettingsSection')
) : null}
{this.state.effects ? breadcrumb('Effects', 'effects') : null}
{this.state.backgroundSettingsSection
? breadcrumb('Source', 'backgroundSettingsSection')
: null}
{this.state.backgroundSettingsSection !== true && this.state.effects !== true ? (
<>
<div