feat: api background quality setting

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

@@ -121,6 +121,13 @@ export default class BackgroundSettings extends React.PureComponent {
             <option value={category} key={category}>{category.charAt(0).toUpperCase() + category.slice(1)}</option>
           ))}
         </Dropdown>
+        <br/><br/>
+        <Dropdown label={background.source.quality.title} name='apiQuality' category='background'>
+          <option value='original'>{background.source.quality.original}</option>
+          <option value='high'>{background.source.quality.high}</option>
+          <option value='normal'>{background.source.quality.normal}</option>
+          <option value='datasaver'>{background.source.quality.datasaver}</option>
+        </Dropdown>
       </>
     );
 

src/components/widgets/background/Background.jsx

@@ -141,19 +141,20 @@ export default class Background extends React.PureComponent {
         // API background
         const backgroundAPI = localStorage.getItem('backgroundAPI');
         const apiCategory = localStorage.getItem('apiCategory');
+        const apiQuality = localStorage.getItem('apiQuality');
 
         let requestURL, data;
         switch (backgroundAPI) {
           case 'unsplash':
             //requestURL = `${window.constants.UNSPLASH_URL}/getImage?category=${apiCategory}`;
-            requestURL = `${window.constants.UNSPLASH_URL}/images/random`;
+            requestURL = `${window.constants.UNSPLASH_URL}/images/random?quality=${apiQuality}`;
             break;
           case 'pexels':
-            requestURL = `${window.constants.PEXELS_URL}/images/random`;
+            requestURL = `${window.constants.PEXELS_URL}/images/random?quality=${apiQuality}`;
             break;
           // Defaults to Mue
           default:
-            requestURL = `${window.constants.API_URL}/images/random?category=${apiCategory}`;
+            requestURL = `${window.constants.API_URL}/images/random?category=${apiCategory}&quality=${apiQuality}`;
             break;
         }
 

src/modules/default_settings.json

@@ -218,5 +218,9 @@
   {
     "name": "navbarHover",
     "value": false
+  },
+  {
+    "name": "apiQuality",
+    "value": "high"
   }
 ]

src/translations/de_DE.json

@@ -168,7 +168,14 @@
               "add_colour": "Farbe hinzufügen",
               "disabled": "Deaktiviert",
               "loop_video": "Video schleife",
-              "mute_video": "Video stumm"
+              "mute_video": "Video stumm",
+              "quality": {
+                "title": "Quality",
+                "original": "Original",
+                "high": "High Quality",
+                "normal": "Normal Quality",
+                "datasaver": "Data Saver"
+              }
             }
           },
           "search": {

src/translations/en_GB.json

@@ -168,7 +168,14 @@
               "add_colour": "Add colour",
               "disabled": "Disabled",
               "loop_video": "Loop video",
-              "mute_video": "Mute video"
+              "mute_video": "Mute video",
+              "quality": {
+                "title": "Quality",
+                "original": "Original",
+                "high": "High Quality",
+                "normal": "Normal Quality",
+                "datasaver": "Data Saver"
+              }
             }
           },
           "search": {

src/translations/en_US.json

@@ -168,7 +168,14 @@
               "add_colour": "Add color",
               "disabled": "Disabled",
               "loop_video": "Loop video",
-              "mute_video": "Mute video"
+              "mute_video": "Mute video",
+              "quality": {
+                "title": "Quality",
+                "original": "Original",
+                "high": "High Quality",
+                "normal": "Normal Quality",
+                "datasaver": "Data Saver"
+              }
             }
           },
           "search": {

src/translations/es.json

@@ -168,7 +168,14 @@
               "add_colour": "Añadir color",
               "disabled": "Desactivado",
               "loop_video": "Vídeo en bucle",
-              "mute_video": "Silenciar video"
+              "mute_video": "Silenciar video",
+              "quality": {
+                "title": "Quality",
+                "original": "Original",
+                "high": "High Quality",
+                "normal": "Normal Quality",
+                "datasaver": "Data Saver"
+              }
             }
           },
           "search": {

src/translations/fr.json

@@ -168,7 +168,14 @@
               "add_colour": "Ajouter une couleur",
               "disabled": "Disabled",
               "loop_video": "Boucle vidéo",
-              "mute_video": "Mettre la vidéo en sourdine"
+              "mute_video": "Mettre la vidéo en sourdine",
+              "quality": {
+                "title": "Quality",
+                "original": "Original",
+                "high": "High Quality",
+                "normal": "Normal Quality",
+                "datasaver": "Data Saver"
+              }
             }
           },
           "search": {

src/translations/nl.json

@@ -168,7 +168,14 @@
               "add_colour": "Kleur toevoegen",
               "disabled": "Uitgeschakeld",
               "loop_video": "Loop video",
-              "mute_video": "Mute video"
+              "mute_video": "Mute video",
+              "quality": {
+                "title": "Quality",
+                "original": "Original",
+                "high": "High Quality",
+                "normal": "Normal Quality",
+                "datasaver": "Data Saver"
+              }
             }
           },
           "search": {

src/translations/no.json

@@ -168,7 +168,14 @@
               "add_colour": "Legg til farge",
               "disabled": "Disabled",
               "loop_video": "Loop video",
-              "mute_video": "Mute video"
+              "mute_video": "Mute video",
+              "quality": {
+                "title": "Quality",
+                "original": "Original",
+                "high": "High Quality",
+                "normal": "Normal Quality",
+                "datasaver": "Data Saver"
+              }
             }
           },
           "search": {

src/translations/ru.json

@@ -168,7 +168,14 @@
               "add_colour": "Добавить цвет",
               "disabled": "Выключен",
               "loop_video": "Loop video",
-              "mute_video": "Mute video"
+              "mute_video": "Mute video",
+              "quality": {
+                "title": "Quality",
+                "original": "Original",
+                "high": "High Quality",
+                "normal": "Normal Quality",
+                "datasaver": "Data Saver"
+              }
             }
           },
           "search": {

src/translations/zh_CN.json

@@ -168,7 +168,14 @@
               "add_colour": "添加颜色",
               "disabled": "已禁用",
               "loop_video": "Loop video",
-              "mute_video": "Mute video"
+              "mute_video": "Mute video",
+              "quality": {
+                "title": "Quality",
+                "original": "Original",
+                "high": "High Quality",
+                "normal": "Normal Quality",
+                "datasaver": "Data Saver"
+              }
             }
           },
           "search": {