Add files via upload

src/modules/Clock.jsx

@@ -1,48 +1,48 @@
-import React from 'react';
-
-const checkTime = (i) => {
-  if (i < 10) i = '0' + i;
-  return i;
-};
-
-export default class Clock extends React.Component {
-  constructor(...args) {
-    super(...args);
-    this.state = {
-      date: ``,
-      ampm: ``,
-    };
-  }
-
-  startTime() {
-    const today = new Date();
-    let h       = today.getHours();
-    const ampm  = h >= 12 ? 'PM' : 'AM';
-    const m     = checkTime(today.getMinutes());
-    // const s = checkTime(today.getSeconds());
-
-    if (h > 12) h = h - 12;
-
-    if (h < 10) this.setState({ date: '0' + h + ':' + m, ampm: ampm });
-    if (h > 10) this.setState({ date: h + ':' + m, ampm: ampm });
-
-    this.timeout = setTimeout(() => this.startTime(), 500);
-  }
-
-  componentDidMount() {
-    this.startTime();
-  }
-
-  componentWillUnmount() {
-    clearTimeout(this.timeout);
-  }
-
-  render() {
-    return <h1 className='App-clock'>
-      {this.state.date}
-      <span className='App-ampm-specifier'>
-        {this.state.ampm}  
-      </span>
-    </h1>;
-  }
-}
+import React from 'react';
+
+const checkTime = (i) => {
+  if (i < 10) i = '0' + i;
+  return i;
+};
+
+export default class Clock extends React.Component {
+  constructor(...args) {
+    super(...args);
+    this.state = {
+      date: ``,
+      ampm: ``,
+    };
+  }
+
+  startTime() {
+    const today = new Date();
+    let h       = today.getHours();
+    const ampm  = h >= 12 ? 'PM' : 'AM';
+    const m     = checkTime(today.getMinutes());
+    // const s = checkTime(today.getSeconds());
+
+    if (h > 12) h = h - 12;
+
+    if (h < 12) this.setState({ date: '0' + h + ':' + m, ampm: ampm });
+    else this.setState({ date: h + ':' + m, ampm: ampm });
+
+    this.timeout = setTimeout(() => this.startTime(), 500);
+  }
+
+  componentDidMount() {
+    this.startTime();
+  }
+
+  componentWillUnmount() {
+    clearTimeout(this.timeout);
+  }
+
+  render() {
+    return <h1 className='App-clock'>
+      {this.state.date}
+      <span className='App-ampm-specifier'>
+        {this.state.ampm}  
+      </span>
+    </h1>;
+  }
+}

src/modules/Credit.jsx

@@ -1,17 +1,17 @@
-/* eslint-disable */
-import RoomIcon from '@material-ui/icons/Room';
-import React from 'react';
-
-export default class Search extends React.Component {
-  render() {
-    return (
-      <div class='credits'>
-          {/* <h1 id='location'></h1> */}
-          <h1 id='photographer'></h1>
-          <div id='backgroundCredits' class='tooltip'><RoomIcon classname='locationicon'/>
-            <span class='tooltiptext' id='location'></span>
-          </div>
-     </div>
-    );
-  }
+/* eslint-disable */
+import RoomIcon from '@material-ui/icons/Room';
+import React from 'react';
+
+export default class Search extends React.Component {
+  render() {
+    return (
+      <div className='credits'>
+          {/* <h1 id='location'></h1> */}
+          <h1 id='photographer'></h1>
+          <div id='backgroundCredits' className='tooltip'><RoomIcon className='locationicon'/>
+            <span className='tooltiptext' id='location'></span>
+          </div>
+     </div>
+    );
+  }
 }

src/modules/Greeting.jsx

@@ -1,26 +1,26 @@
-import React from 'react';
-
-export default class Greeting extends React.Component {
-  constructor(...args) {
-    super(...args);
-    this.state = {
-        greeting: ``
-    };
- }
-
-  getGreeting() {
-    const h            = new Date().getHours();
-    let t              = 'Good evening'; // Set the default time string to "Good evening"	
-    if (h < 12) t      = 'Good morning'; // If it's before 12am, set the time string to "Good morning"
-    else if (h < 18) t = 'Good afternoon'; // If it's before 6pm, set the time string to "Good afternoon"
-    this.setState({ greeting: t }); // Set the state to the time string
-  }
-
-  componentDidMount() {
-    this.getGreeting();
-  }
-  
-  render() {
-    return <h1 className='App-greeting'>{this.state.greeting}</h1>;
-  }
+import React from 'react';
+
+export default class Greeting extends React.Component {
+  constructor(...args) {
+    super(...args);
+    this.state = {
+        greeting: ``
+    };
+ }
+
+  getGreeting() {
+    const h            = new Date().getHours();
+    let t              = 'Good evening'; // Set the default time string to "Good evening"	
+    if (h < 12) t      = 'Good morning'; // If it's before 12am, set the time string to "Good morning"
+    else if (h < 18) t = 'Good afternoon'; // If it's before 6pm, set the time string to "Good afternoon"
+    this.setState({ greeting: t }); // Set the state to the time string
+  }
+
+  componentDidMount() {
+    this.getGreeting();
+  }
+  
+  render() {
+    return <h1 className='App-greeting'>{this.state.greeting}</h1>;
+  }
 }

src/modules/Quote.jsx

@@ -1,37 +1,37 @@
-import React from 'react';
-import Fetch from 'unfetch';
-import quotes from '../quotes.json';
-
-export default class Quote extends React.Component {
-  constructor(...args) {
-    super(...args);
-    this.state = {
-        quote: ``,
-        author: ``
-    };
-  }
-
-  async getQuote() {
-    try {
-      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; };
-      const num       = randomInt(1, 20);
-      this.setState({ quote: quotes[num].quote, author: quotes[num].author });
-    }
-  }
-
-  componentDidMount() {
-    this.getQuote();
-  }
-
-  render() {
-    return [
-    <h1 className='App-quote'>{`"${this.state.quote}"`}</h1>,
-    // <i class="material-icons">perm_identity</i>,
-    <h1 className='App-quote-author'>{`${this.state.author}`}</h1>,
-    ];
-  }
-}
+import React from 'react';
+import Fetch from 'unfetch';
+import quotes from '../quotes.json';
+
+export default class Quote extends React.Component {
+  constructor(...args) {
+    super(...args);
+    this.state = {
+        quote: ``,
+        author: ``
+    };
+  }
+
+  async getQuote() {
+    try {
+      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; };
+      const num       = randomInt(1, 20);
+      this.setState({ quote: quotes[num].quote, author: quotes[num].author });
+    }
+  }
+
+  componentDidMount() {
+    this.getQuote();
+  }
+
+  render() {
+    return [
+    <h1 className='App-quote'>{`"${this.state.quote}"`}</h1>,
+    // <i class="material-icons">perm_identity</i>,
+    <h1 className='App-quote-author'>{`${this.state.author}`}</h1>,
+    ];
+  }
+}

src/modules/Search.jsx

@@ -1,14 +1,14 @@
-import React from 'react';
-
-export default class Search extends React.Component {
-  render() {
-    return (
-    <div id='searchBar' className='search-bar'>
-    <form id='searchBar' className='searchbarform' action='https://duckduckgo.com/' onSubmit={('search()')}>
-        <input type='text' placeholder='Search' name='q' id='searchText'className='searchText' />
-        <div class='blursearcbBG' />
-      </form>
-      </div>
-    );
-  }
+import React from 'react';
+
+export default class Search extends React.Component {
+  render() {
+    return (
+    <div id='searchBar' className='search-bar'>
+    <form id='searchBar' className='searchbarform' action='https://duckduckgo.com/' onSubmit={('search();')}>
+        <input type='text' placeholder='Search' name='q' id='searchText' className='searchText' />
+        <div className='blursearcbBG' />
+      </form>
+      </div>
+    );
+  }
 }