diff --git a/src/components/modals/Settings.jsx b/src/components/modals/Settings.jsx index 94853f8a..3e719301 100644 --- a/src/components/modals/Settings.jsx +++ b/src/components/modals/Settings.jsx @@ -68,6 +68,7 @@ export default class Settings extends React.PureComponent { document.getElementById('searchEngine').style.color = 'white'; document.getElementById('language').style.color = 'white'; document.getElementById('greetingName').style.color = 'white'; + document.getElementById('customSearchEngine').style.color = 'white'; const choices = document.getElementsByClassName('choices'); for (let i = 0; i < choices.length; i++) choices[i].style.backgroundColor = '#2f3542'; } diff --git a/src/components/modals/settings/sections/BackgroundSettings.jsx b/src/components/modals/settings/sections/BackgroundSettings.jsx index 680693f7..a780dd76 100644 --- a/src/components/modals/settings/sections/BackgroundSettings.jsx +++ b/src/components/modals/settings/sections/BackgroundSettings.jsx @@ -13,8 +13,6 @@ export default class BackgroundSettings extends React.PureComponent { localStorage.setItem('customBackground', e.target.result); document.getElementById('customBackground').src = e.target.result; document.getElementById('customBackground').value = e.target.result; - document.getElementById('backgroundImage').setAttribute('style', `-webkit-filter:blur(${localStorage.getItem('blur')}px); background-image: url(${localStorage.getItem('customBackground')}`); - document.getElementById('backgroundImage').style.backgroundImage = `url(${localStorage.getItem('customBackground')})`; }); reader.readAsDataURL(file); diff --git a/src/components/modals/settings/sections/SearchSettings.jsx b/src/components/modals/settings/sections/SearchSettings.jsx index cde6bfdb..b9070816 100644 --- a/src/components/modals/settings/sections/SearchSettings.jsx +++ b/src/components/modals/settings/sections/SearchSettings.jsx @@ -2,10 +2,19 @@ import React from 'react'; import SettingsFunctions from '../../../../modules/settingsFunctions'; export default class SearchSettings extends React.PureComponent { + componentDidMount() { + if (localStorage.getItem('searchEngine') === 'custom') { + const input = document.getElementById('searchEngineInput'); + input.style.display = 'block'; + input.enabled = 'true'; + document.getElementById('customSearchEngine').value = localStorage.getItem('customSearchEngine'); + } else localStorage.removeItem('customSearchEngine'); + } + render() { return (
Custom Search URL this.props.resetItem('customSearchEngine')}>Reset
+Custom Search URL this.props.resetItem('customSearchEngine')}>{this.props.language.reset}