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

fix: style fixes, finish background categories option, fix photoinformation

Browse Source
This commit is contained in:
David Ralph
2021-04-11 22:18:06 +01:00
parent 061c9ef6db
commit 9d09ece8b7
5 changed files with 40 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -16,7 +16,8 @@ export default class BackgroundSettings extends React.PureComponent {
super();
this.state = {
customBackground: localStorage.getItem('customBackground') || '',
backgroundType: localStorage.getItem('backgroundType') || 'api'
backgroundType: localStorage.getItem('backgroundType') || 'api',
backgroundCategories: [window.language.modals.main.loading]
};
this.language = window.language.modals.main.settings;
}
@@ -61,6 +62,17 @@ export default class BackgroundSettings extends React.PureComponent {
localStorage.setItem('customBackground', this.state.customBackground);
}
async getBackgroundCategories() {
const data = await (await fetch(window.constants.API_URL + '/images/categories')).json();
this.setState({
backgroundCategories: data
});
}
componentDidMount() {
this.getBackgroundCategories();
}
render() {
const { background } = this.language.sections;
@@ -83,11 +95,9 @@ export default class BackgroundSettings extends React.PureComponent {
<Radio title={background.source.api} options={apiOptions} name='backgroundAPI'/>
<br/>
<Dropdown label='Category' name='apiCategory'>
<option value='wildlife'>Landscapes</option>
<option value='wildlife'>Wildlife</option>
<option value='nature'>Vehicles</option>
<option value='nature'>Cities</option>
<option value='nature'>Castles</option>
{this.state.backgroundCategories.map((category) => (
<option value={category} key={category}>{category.charAt(0).toUpperCase() + category.slice(1)}</option>
))}
</Dropdown>
</>
);