fix: background categories dropdown

This commit is contained in:
David Ralph
2021-11-27 23:11:40 +00:00
parent 5703abb685
commit 3c7be2d64d
2 changed files with 17 additions and 5 deletions

View File

@@ -90,11 +90,19 @@ export default class BackgroundSettings extends PureComponent {
const APISettings = ( const APISettings = (
<> <>
<Radio title={getMessage('modals.main.settings.sections.background.source.api')} options={apiOptions} name='backgroundAPI' category='background' element='#backgroundImage' onChange={(e) => this.setState({ backgroundAPI: e })}/> <Radio title={getMessage('modals.main.settings.sections.background.source.api')} options={apiOptions} name='backgroundAPI' category='background' element='#backgroundImage' onChange={(e) => this.setState({ backgroundAPI: e })}/>
<Dropdown label={getMessage('modals.main.settings.sections.background.category')} name='apiCategory'> {this.state.backgroundCategories[0] === getMessage('modals.main.loading') ?
{this.state.backgroundCategories.map((category) => ( <>
<MenuItem value={category} key={category}>{category.charAt(0).toUpperCase() + category.slice(1)}</MenuItem> <Dropdown label={getMessage('modals.main.settings.sections.background.category')} name='apiCategory'>
))} <MenuItem value='loading' key='loading'>{getMessage('modals.main.loading')}</MenuItem>
</Dropdown> <MenuItem value='loading' key='loading'>{getMessage('modals.main.loading')}</MenuItem>
</Dropdown>
</> :
<Dropdown label={getMessage('modals.main.settings.sections.background.category')} name='apiCategory' >
{this.state.backgroundCategories.map((category) => (
<MenuItem value={category} key={category}>{category.charAt(0).toUpperCase() + category.slice(1)}</MenuItem>
))}
</Dropdown>
}
<Dropdown label={getMessage('modals.main.settings.sections.background.source.quality.title')} name='apiQuality' element='.other'> <Dropdown label={getMessage('modals.main.settings.sections.background.source.quality.title')} name='apiQuality' element='.other'>
<option value='original'>{getMessage('modals.main.settings.sections.background.source.quality.original')}</option> <option value='original'>{getMessage('modals.main.settings.sections.background.source.quality.original')}</option>
<option value='high'>{getMessage('modals.main.settings.sections.background.source.quality.high')}</option> <option value='high'>{getMessage('modals.main.settings.sections.background.source.quality.high')}</option>

View File

@@ -48,6 +48,7 @@ export function install(type, input, sideload) {
localStorage.setItem('quoteType', 'quote_pack'); localStorage.setItem('quoteType', 'quote_pack');
EventBus.dispatch('refresh', 'quote'); EventBus.dispatch('refresh', 'quote');
break; break;
default: default:
break; break;
} }
@@ -78,6 +79,7 @@ export function uninstall(type, name) {
}); });
showReminder(); showReminder();
break; break;
case 'quotes': case 'quotes':
localStorage.removeItem('quote_packs'); localStorage.removeItem('quote_packs');
localStorage.removeItem('quoteAPI'); localStorage.removeItem('quoteAPI');
@@ -85,12 +87,14 @@ export function uninstall(type, name) {
localStorage.removeItem('oldQuoteType'); localStorage.removeItem('oldQuoteType');
EventBus.dispatch('refresh', 'marketplacequoteuninstall'); EventBus.dispatch('refresh', 'marketplacequoteuninstall');
break; break;
case 'photos': case 'photos':
localStorage.removeItem('photo_packs'); localStorage.removeItem('photo_packs');
localStorage.setItem('backgroundType', localStorage.getItem('oldBackgroundType')); localStorage.setItem('backgroundType', localStorage.getItem('oldBackgroundType'));
localStorage.removeItem('oldBackgroundType'); localStorage.removeItem('oldBackgroundType');
EventBus.dispatch('refresh', 'marketplacebackgrounduninstall'); EventBus.dispatch('refresh', 'marketplacebackgrounduninstall');
break; break;
default: default:
break; break;
} }