diff --git a/static/app-strings.json b/static/app-strings.json
index 6576939b8..61bdbd0bd 100644
--- a/static/app-strings.json
+++ b/static/app-strings.json
@@ -2312,5 +2312,7 @@
"Free --[legend, unused disk space]--": "Free",
"Top content in %language%": "Top content in %language%",
"Apply": "Apply",
+ "24-hour clock": "24-hour clock",
+ "Disable background": "Disable background",
"--end--": "--end--"
}
diff --git a/ui/component/settingAppearance/index.js b/ui/component/settingAppearance/index.js
index 45d1b44e8..7b3f9c2fa 100644
--- a/ui/component/settingAppearance/index.js
+++ b/ui/component/settingAppearance/index.js
@@ -5,6 +5,7 @@ import { makeSelectClientSetting } from 'redux/selectors/settings';
import SettingAppearance from './view';
const select = (state) => ({
+ disableBackground: makeSelectClientSetting(SETTINGS.DISABLE_BACKGROUND)(state),
clock24h: makeSelectClientSetting(SETTINGS.CLOCK_24H)(state),
searchInLanguage: makeSelectClientSetting(SETTINGS.SEARCH_IN_LANGUAGE)(state),
hideBalance: makeSelectClientSetting(SETTINGS.HIDE_BALANCE)(state),
diff --git a/ui/component/settingAppearance/view.jsx b/ui/component/settingAppearance/view.jsx
index 9425ec436..2065a5c7e 100644
--- a/ui/component/settingAppearance/view.jsx
+++ b/ui/component/settingAppearance/view.jsx
@@ -12,6 +12,7 @@ import ThemeSelector from 'component/themeSelector';
import homepages from 'homepages';
type Props = {
+ disableBackground: boolean,
clock24h: boolean,
searchInLanguage: boolean,
hideBalance: boolean,
@@ -20,7 +21,7 @@ type Props = {
};
export default function SettingAppearance(props: Props) {
- const { clock24h, searchInLanguage, hideBalance, setClientSetting, setSearchInLanguage } = props;
+ const { clock24h, disableBackground, searchInLanguage, hideBalance, setClientSetting, setSearchInLanguage } = props;
return (
<>
@@ -63,6 +64,14 @@ export default function SettingAppearance(props: Props) {
checked={clock24h}
/>
+
+ setClientSetting(SETTINGS.DISABLE_BACKGROUND, !disableBackground)}
+ checked={disableBackground}
+ />
+
{
- if (props.uri && (props.uri.indexOf('@') !== -1 || props.uri.indexOf('#') !== -1)) {
- return {
- cover: makeSelectCoverForUri(props.uri)(state),
- avatar: makeSelectAvatarForUri(props.uri)(state),
- };
- } else return {};
-};
-*/
+const select = (state) => ({
+ disableBackground: makeSelectClientSetting(SETTINGS.DISABLE_BACKGROUND)(state),
+});
-export default connect()(Wallpaper);
+const perform = {};
+
+export default connect(select, perform)(Wallpaper);
diff --git a/ui/component/wallpaper/view.jsx b/ui/component/wallpaper/view.jsx
index 3b21a735f..8fd610165 100644
--- a/ui/component/wallpaper/view.jsx
+++ b/ui/component/wallpaper/view.jsx
@@ -8,10 +8,11 @@ type Props = {
// cover: ?string,
// avatar: ?string,
reset: ?boolean,
+ disableBackground: ?boolean,
};
const Wallpaper = (props: Props) => {
- // const { cover, avatar } = props;
+ const { disableBackground } = props;
/*
if (avatar) {
@@ -227,12 +228,13 @@ const Wallpaper = (props: Props) => {
}}
/>
*/
+
return (
<>
diff --git a/ui/constants/settings.js b/ui/constants/settings.js
index a56b28fc3..9121f71bc 100644
--- a/ui/constants/settings.js
+++ b/ui/constants/settings.js
@@ -14,6 +14,7 @@ export const THEME = 'theme';
export const THEMES = 'themes';
export const AUTOMATIC_DARK_MODE_ENABLED = 'automatic_dark_mode_enabled';
export const CLOCK_24H = 'clock_24h';
+export const DISABLE_BACKGROUND = 'disableBackground';
export const AUTOPLAY_MEDIA = 'autoplay';
export const AUTOPLAY_NEXT = 'autoplay_next';
export const OS_NOTIFICATIONS_ENABLED = 'os_notifications_enabled';
diff --git a/ui/redux/reducers/settings.js b/ui/redux/reducers/settings.js
index 36e6250db..f82faf6f6 100644
--- a/ui/redux/reducers/settings.js
+++ b/ui/redux/reducers/settings.js
@@ -40,6 +40,7 @@ const defaultState = {
[SETTINGS.OS_NOTIFICATIONS_ENABLED]: true,
[SETTINGS.AUTOMATIC_DARK_MODE_ENABLED]: false,
[SETTINGS.CLOCK_24H]: false,
+ [SETTINGS.DISABLE_BACKGROUND]: false,
[SETTINGS.TILE_LAYOUT]: true,
[SETTINGS.VIDEO_THEATER_MODE]: false,
[SETTINGS.VIDEO_PLAYBACK_RATE]: 1,