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

Cleanup

Browse Source
This commit is contained in:
David Ralph
2019-12-02 12:27:19 +00:00
parent d45fec5028
commit 50da14cce6
5 changed files with 26 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
src/components/Background.jsx
View File

@@ -7,15 +7,18 @@ export default class Background extends React.Component {
let data = await fetch('https://api.muetab.xyz/getImage?category=Outdoors');
data = await data.json();
document.getElementById('root').style.backgroundImage = `url(${data.file})`;
document.getElementById('photographer').innerText = `Photo by ${data.photographer}`;
document.getElementById('location').innerText = `${data.location}`;
document.getElementById('root').style.backgroundImage = `url(${data.file})`; // Set the background
document.getElementById('photographer').innerText = `Photo by ${data.photographer}`; // Set the credit
document.getElementById('location').innerText = `${data.location}`; // Set the location tooltip
} catch (e) { // ..and if that fails we load one locally
let photographer;
const photo = Math.floor(Math.random() * (20 - 1 + 1)) + 1; // There are 20 images in the offline-images folder
document.getElementById('backgroundCredits').style.display = 'none';
// eslint-disable-next-line default-case
document.getElementById('backgroundCredits').style.display = 'none'; // Hide the location icon
let photographer; // Photographer credit
switch (photo) { // Select photographer based on image file number
default: {
photographer = 'Unknown (Pexels)';
break;
}
case 1: {
photographer = 'Tirachard Kumtanom (Pexels)';
break;
@@ -32,22 +35,10 @@ export default class Background extends React.Component {
photographer = 'Sohail Na (Pexels)';
break;
}
case 5: {
photographer = 'Unknown (Pexels)';
break;
}
case 6: {
photographer = 'Unknown (Pexels)';
break;
}
case 7: {
photographer = 'Miriam Espacio (Pexels)';
break;
}
case 8: {
photographer = 'Unknown (Pexels)';
break;
}
case 9: {
photographer = 'Pixabay (Pexels)';
break;
@@ -60,10 +51,6 @@ export default class Background extends React.Component {
photographer = 'Pixabay (Pexels)';
break;
}
case 12: {
photographer = 'Unknown (Pexels)';
break;
}
case 13: {
photographer = 'Pixabay (Pexels)';
break;
@@ -76,29 +63,13 @@ export default class Background extends React.Component {
photographer = 'Pixabay (Pexels)';
break;
}
case 16: {
photographer = 'Unknown (Pexels)';
break;
}
case 17: {
photographer = 'Unknown (Pexels)';
break;
}
case 18: {
photographer = 'Unknown (Pexels)';
break;
}
case 19: {
photographer = 'Unknown (Pexels)';
break;
}
case 20: {
photographer = 'Fabian Wiktor (Pexels)';
break;
}
}
document.getElementById('photographer').innerText = `Photo by ${photographer}`;
document.getElementById('root').style.backgroundImage = `url(../offline-images/${photo}.jpeg)`;
document.getElementById('photographer').innerText = `Photo by ${photographer}`; // Set the credit
document.getElementById('root').style.backgroundImage = `url(../offline-images/${photo}.jpeg)`; // Set the background
}
}