diff --git a/src/components/modals/main/marketplace/sections/Create.jsx b/src/components/modals/main/marketplace/sections/Create.jsx index c26f7beb..d2f58508 100644 --- a/src/components/modals/main/marketplace/sections/Create.jsx +++ b/src/components/modals/main/marketplace/sections/Create.jsx @@ -25,7 +25,11 @@ export default class Create extends PureComponent { icon_url: '', screenshot_url: '' }, - addonData: '' + addonData: '', + settingsClasses: { + current: 'toggle lightTheme', + json: 'toggle lightTheme' + } }; } @@ -55,7 +59,11 @@ export default class Create extends PureComponent { }); this.setState({ - addonData: settings + addonData: settings, + settingsClasses: { + current: input ? 'toggle lightTheme' : 'toggle lightTheme active', + json: input ? 'toggle lightTheme active' : 'toggle lightTheme' + } }); toast('Imported settings!'); @@ -145,16 +153,22 @@ export default class Create extends PureComponent { ); - const nextSettingsDisabled = (this.state.addonData === '') ? true : false; - // settings + const nextSettingsDisabled = (this.state.addonData === '') ? true : false; const importSettings = ( <>

{welcome.sections.settings.title}

-

this.importSettings()} className='addToMue'>{addons.create.settings.current}

-


+
+
+
this.importSettings()}> + {addons.create.settings.current} +
+
document.getElementById('file-input').click()}> + {addons.create.settings.json} +
+
+
this.importSettings(JSON.parse(e.target.result))} /> -

document.getElementById('file-input').click()}>{addons.create.settings.json}