feat: duckduckgo image proxy option

src/components/modals/main/settings/sections/background/Background.jsx

@@ -86,6 +86,8 @@ export default class BackgroundSettings extends React.PureComponent {
       <>
         <h2>{background.title}</h2>
         <Switch name='background' text={this.language.enabled} />
+        <Checkbox name='ddgProxy' text={background.ddg_proxy} />
+
         <h3>{background.buttons.title}</h3>
         <Checkbox name='view' text={background.buttons.view} />
         <Checkbox name='favouriteEnabled' text={background.buttons.favourite} />

src/components/widgets/background/Background.jsx

@@ -20,6 +20,7 @@ export default class Background extends React.PureComponent {
       }
     };
     this.language = window.language.widgets.background;
+    this.ddgproxy = (localStorage.getItem('ddgProxy') === 'true');
   }
 
   gradientStyleBuilder(gradientSettings) {
@@ -43,9 +44,11 @@ export default class Background extends React.PureComponent {
     }
 
     if (this.state.url !== '') {
+      const url = this.ddgproxy ? window.constants.DDG_PROXY + this.state.url : this.state.url;
+
       document.querySelector('#backgroundImage').setAttribute(
         'style',
-        `background-image: url(${this.state.url}); -webkit-filter: blur(${localStorage.getItem('blur')}px) brightness(${brightness}%);`
+        `background-image: url(${url}); -webkit-filter: blur(${localStorage.getItem('blur')}px) brightness(${brightness}%);`
       );
     } else {
       document.querySelector('#backgroundImage').setAttribute(
@@ -157,10 +160,10 @@ export default class Background extends React.PureComponent {
           if (customBackground.includes('.mp4') || customBackground.includes('.webm') || customBackground.includes('.ogg')) { 
             return this.setState({
               url: customBackground,
-            video: true,
-            photoInfo: {
-              hidden: true
-            }
+              video: true,
+              photoInfo: {
+                hidden: true
+              }
           });
         // normal background
         } else {

src/modules/constants.js

@@ -5,6 +5,7 @@ export const WEBSITE_URL = 'https://muetab.com';
 export const SPONSORS_URL = 'https://sponsors.muetab.com';
 export const GITHUB_URL = 'https://api.github.com';
 export const FEEDBACK_FORM = 'https://api.formcake.com/api/form/349b56cb-7e2b-4004-b32b-e8964d217dd1/submission';
+export const DDG_PROXY = 'https://external-content.duckduckgo.com/iu/?u=';
 export const OFFLINE_IMAGES = 20;
 export const BETA_VERSION = false;
-export const VERSION = '5.0'; 
+export const VERSION = '5.0'; 

src/translations/en_GB.json

@@ -93,6 +93,7 @@
           },
           "background": {
             "title": "Background",
+            "ddg_proxy": "Use DuckDuckGo Image Proxy",
             "buttons": {
               "title": "Buttons",
               "view": "View",