diff --git a/manifest/chrome.json b/manifest/chrome.json index f3037aa4..b80be55f 100644 --- a/manifest/chrome.json +++ b/manifest/chrome.json @@ -2,6 +2,7 @@ "manifest_version": 2, "offline_enabled": true, "name": "Mue", + "description": "Fast, open and free-to-use new tab page for most modern browsers.", "version": "0.6", "browser_action": { "default_icon": "./android-chrome-512x512.png" diff --git a/manifest/firefox.json b/manifest/firefox.json index d64a3df5..0139d567 100644 --- a/manifest/firefox.json +++ b/manifest/firefox.json @@ -1,6 +1,7 @@ { "manifest_version": 2, "name": "Mue", + "description": "Fast, open and free-to-use new tab page for most modern browsers.", "version": "0.6", "browser_action": { "default_icon": "./android-chrome-512x512.png" diff --git a/manifest/opera.json b/manifest/opera.json index 13b7f016..5160ed45 100644 --- a/manifest/opera.json +++ b/manifest/opera.json @@ -1,12 +1,15 @@ { "manifest_version": 2, "name": "Mue", + "description": "Fast, open and free-to-use new tab page for most modern browsers.", "version": "0.6", "browser_action": { "default_icon": "./android-chrome-512x512.png" }, "background": { - "scripts": ["./background-opera.js"] + "scripts": [ + "./background-opera.js" + ] }, "permissions": [ "tabs" diff --git a/package.json b/package.json index a7c51bfa..d429d405 100644 --- a/package.json +++ b/package.json @@ -13,7 +13,7 @@ "unfetch": "^4.1.0" }, "devDependencies": { - "eslint": "^6.5.0", + "eslint": "^6.5.1", "npm-run-all": "^4.1.5", "sass": "^1.23.0" }, diff --git a/src/components/Background.jsx b/src/components/Background.jsx index b0ce5124..5987f489 100644 --- a/src/components/Background.jsx +++ b/src/components/Background.jsx @@ -1,24 +1,23 @@ +//* Imports import React from 'react'; import Fetch from 'unfetch'; +// Pick random number const randomInt = (min, max) => { return Math.floor(Math.random() * (max - min + 1)) + min; }; export default class Background extends React.Component { - // Set background: Attempt to get one from the API first, and if that fails then use the offline ones. - async getAndSetBackground() { - const root = document.getElementById('root'); - - try { + async getAndSetBackground() { + try { // First we try and get an image from the API... let data = await Fetch('https://api.muetab.xyz/getImage?category=Outdoors'); - data = await data.json(); + data = await data.json(); - root.style.backgroundImage = `url(${data.file})`; + document.getElementById('root').style.backgroundImage = `url(${data.file})`; document.getElementById('photographer').innerText = `Photo by ${data.photographer}`; document.getElementById('location').innerText = `${data.location}`; - } catch (e) { + } catch (e) { // ..and if that fails we load one locally document.getElementById('backgroundCredits').style.display = 'none'; document.getElementById('photographer').innerText = 'Photo from Pexels'; - root.style.backgroundImage = `url(../offline-images/${randomInt(1, 25)}.jpeg)`; + document.getElementById('root').style.backgroundImage = `url(../offline-images/${randomInt(1, 25)}.jpeg)`; } } @@ -27,6 +26,6 @@ export default class Background extends React.Component { } render() { - return null; + return null; // React gets annoyed if I don't put anything here or use "return;" } } \ No newline at end of file diff --git a/src/components/Clock.jsx b/src/components/Clock.jsx index 91664b4c..41046ed1 100644 --- a/src/components/Clock.jsx +++ b/src/components/Clock.jsx @@ -1,3 +1,4 @@ +//* Imports import React from 'react'; export default class Clock extends React.Component { @@ -32,9 +33,9 @@ export default class Clock extends React.Component { } render() { - return

+ return

{this.state.date} - + {this.state.ampm}

; diff --git a/src/components/Credit.jsx b/src/components/Credit.jsx index 369f2453..6d538814 100644 --- a/src/components/Credit.jsx +++ b/src/components/Credit.jsx @@ -1,4 +1,5 @@ /* eslint-disable */ +//* Imports import RoomIcon from '@material-ui/icons/Room'; import React from 'react'; diff --git a/src/components/Greeting.jsx b/src/components/Greeting.jsx index a695b2e4..65f35a73 100644 --- a/src/components/Greeting.jsx +++ b/src/components/Greeting.jsx @@ -1,3 +1,4 @@ +//* Imports import React from 'react'; export default class Greeting extends React.Component { @@ -21,6 +22,6 @@ export default class Greeting extends React.Component { } render() { - return

{this.state.greeting}

; + return

{this.state.greeting}

; } } \ No newline at end of file diff --git a/src/components/Quote.jsx b/src/components/Quote.jsx index 2a234618..75fd9311 100644 --- a/src/components/Quote.jsx +++ b/src/components/Quote.jsx @@ -1,7 +1,11 @@ +//* Imports import React from 'react'; import Fetch from 'unfetch'; import quotes from '../quotes.json'; +// Pick randon number +const randomInt = (min, max) => { return Math.floor(Math.random() * (max - min + 1)) + min; }; + export default class Quote extends React.Component { constructor(...args) { super(...args); @@ -12,12 +16,11 @@ export default class Quote extends React.Component { } async getQuote() { - try { + try { // First we try and get a quote from the API... let data = await Fetch('https://api.muetab.xyz/getQuote'); data = await data.json(); this.setState({ quote: data.quote, author: data.author }); - } catch (e) { - const randomInt = (min, max) => { return Math.floor(Math.random() * (max - min + 1)) + min; }; + } catch (e) { // ..and if that fails we load one locally const num = randomInt(1, 20); this.setState({ quote: quotes[num].quote, author: quotes[num].author }); } @@ -29,9 +32,9 @@ export default class Quote extends React.Component { render() { return [ -

{`"${this.state.quote}"`}

, - // perm_identity, -

{`${this.state.author}`}

, +

{`"${this.state.quote}"`}

, + // perm_identity, +

{`${this.state.author}`}

, ]; } } diff --git a/src/components/Search.jsx b/src/components/Search.jsx index 07bd5185..db1081d5 100644 --- a/src/components/Search.jsx +++ b/src/components/Search.jsx @@ -1,11 +1,13 @@ +//* Imports import React from 'react'; +// TODO: Add option to change search engine export default class Search extends React.Component { render() { return ( -