Rewrite

src/App.jsx

@@ -0,0 +1,70 @@
+//* Imports
+import React from 'react';
+import Fetch from 'unfetch';
+import Clock from './modules/Clock';
+import Greeting from './modules/Greeting';
+import Quote from './modules/Quote';
+import Search from './modules/Search';
+import Credit from './modules/Credit';
+import './css/index.css';
+
+//* Functions
+const getCookie = (cookiename) =>  {
+  let cookiestring = RegExp('' + cookiename + '[^;]+').exec(document.cookie);
+  return unescape(!!cookiestring ? cookiestring.toString().replace(/^[^=]+./,'') : '');
+}
+
+const randomInt = (min, max) => { return Math.floor(Math.random() * (max - min + 1)) + min; };
+
+//* App
+export default class App extends React.Component {
+  // Render all the modules
+  render() {
+    return (
+      <React.Fragment>
+        <Search/>
+          <div id='center'>
+              <Greeting/>
+              <Clock/> 
+              <Quote/>
+              <Credit/>
+          </div>
+      </React.Fragment>
+    );
+  }
+
+  // Set background: Attempt to get one from the API first, and if that fails then use the offline ones.
+  async getAndSetBackground() {
+    let root = document.getElementById('root');
+    try {
+      let data = await Fetch('https://api.muetab.xyz/getImage?category=Outdoors');
+      data     = await data.json(); 
+
+      let checkRepeat = getCookie('backgroundimageurl');
+      document.getElementById('photographer').innerText = `Photo by ${data.photographer}`;
+      let location = data.location;
+      if (data.location === 'Lake') location = 'Lake District';
+      if (data.location === 'Wetland') location = 'Wetland Park';
+      if (data.location === 'EastYorkshire') location = 'East Yorkshire';
+      document.getElementById('location').innerText = `${location}`;
+
+      if (checkRepeat !== root.style.backgroundImage) root.style.backgroundImage = `url(${data.file})`;
+      else {
+        /*let data = await Fetch('https://api.muetab.xyz/getImage?category=Outdoors');
+        data = await data.json();*/ 
+        document.cookie = 'backgroundimageurl; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;';
+        root.style.backgroundImage = `url(${data.file})`;
+        document.cookie = `backgroundimageurl=${data.file}`;
+      }
+    } catch (e) {
+      console.log(e);
+      document.getElementById('backgroundCredits').style.display = "none";
+      document.getElementById('photographer').innerText = 'Photo from Pexels';
+      root.style.backgroundImage = `url(../offline-images/${randomInt(1, 25)}.jpeg)`;
+    }
+  }
+
+  componentDidMount() {
+    this.getAndSetBackground();
+  }
+}