mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-07-06 08:01:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

Various changes

Browse Source
This commit is contained in:
David Ralph
2020-08-29 17:47:34 +01:00
committed by GitHub
parent b6f74d4305
commit 320ae1c922
1 changed files with 9 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/widgets/Background.jsx
View File

@@ -3,7 +3,7 @@ import supportsWebP from 'supports-webp';
import * as Constants from '../../modules/constants';
export default class Background extends React.PureComponent {
setBackground(url, colour) { // Sets the attributes of the background image
setBackground(url, colour, credit) { // Sets the attributes of the background image
const background = colour ? `background-color: ${colour};` : `background-image: url(${url});`
document.querySelector('#backgroundImage').setAttribute(
@@ -12,6 +12,8 @@ export default class Background extends React.PureComponent {
-webkit-filter: blur(${localStorage.getItem('blur')}px);
-webkit-filter: brightness(${localStorage.getItem('brightness')}%);`
);
if (credit === 'false') document.querySelector('#credits').style.display = 'none'; // Hide the credit
}
setCredit(photographer) {
@@ -44,11 +46,9 @@ export default class Background extends React.PureComponent {
const randomPhoto = photoPack[Math.floor(Math.random() * photoPack.length)];
this.setBackground(randomPhoto.url.default);
} else if (customBackgroundColour) {
document.querySelector('#credits').style.display = 'none'; // Hide the credit
this.setBackground(null, customBackgroundColour);
this.setBackground(null, customBackgroundColour, 'false');
} else if (customBackground !== '') { // Local
document.querySelector('#credits').style.display = 'none'; // Hide the credit
this.setBackground(customBackground);
this.setBackground(customBackground, null, 'false');
} else { // Online
try { // First we try and get an image from the API...
const enabled = localStorage.getItem('webp');
@@ -56,14 +56,11 @@ export default class Background extends React.PureComponent {
switch (localStorage.getItem('backgroundAPI')) {
case 'unsplash':
requestURL = 'https://unsplash.muetab.xyz/getImage';
requestURL = `${Constants.UNSPLASH_URL}/getImage`;
break;
default: // Defaults to Mue
if (await supportsWebP && enabled === 'true') {
requestURL = `${Constants.API_URL}/getImage?webp=true`;
} else {
requestURL = `${Constants.API_URL}/getImage?category=Outdoors`;
}
if (await supportsWebP && enabled === 'true') requestURL = `${Constants.API_URL}/getImage?webp=true`;
else requestURL = `${Constants.API_URL}/getImage?category=Outdoors`;
break;
}
@@ -93,4 +90,4 @@ export default class Background extends React.PureComponent {
render() {
return <div id='backgroundImage'></div>;
}
}
}