Prettying stuff

src/components/Button.js

@@ -1,13 +1,11 @@
 import styles from './button.module.css'
 
-export default function Button (props) {
+export default function Button(props) {
   return (
     <div>
       <center>
         <a href={props.href}>
-          <div className={styles.ircLink}>
-            {props.text}
-          </div>
+          <div className={styles.ircLink}>{props.text}</div>
         </a>
       </center>
     </div>

src/components/Question.js

@@ -1,7 +1,7 @@
 import React, { PureComponent } from 'react'
 
 class Question extends PureComponent {
-  render () {
+  render() {
     const { question } = this.props
 
     let qdata = question.data
@@ -15,16 +15,10 @@ class Question extends PureComponent {
     }
 
     return (
-      <div className='questionContainer'>
-        <div className='question'>
-          {question.Q}
-        </div>
-        <div className='answer'>
-          {question.A}
-        </div>
-        <div className='data'>
-          {qdata || null}
-        </div>
+      <div className="questionContainer">
+        <div className="question">{question.Q}</div>
+        <div className="answer">{question.A}</div>
+        <div className="data">{qdata || null}</div>
       </div>
     )
   }

src/components/Questions.js

@@ -5,7 +5,7 @@ import Question from './Question.js'
 import styles from './Questions.module.css'
 
 class Questions extends PureComponent {
-  render () {
+  render() {
     const { subjs } = this.props
 
     return (
@@ -13,16 +13,9 @@ class Questions extends PureComponent {
         {subjs.map((subj, i) => {
           return (
             <div key={i}>
-              <div className={styles.subjName}>
-                {subj.Name}
-              </div>
-              { subj.Questions.map((question, i) => {
-                return (
-                  <Question
-                    key={i}
-                    question={question}
-                  />
-                )
+              <div className={styles.subjName}>{subj.Name}</div>
+              {subj.Questions.map((question, i) => {
+                return <Question key={i} question={question} />
               })}
             </div>
           )

src/components/Subject.js

@@ -3,26 +3,19 @@ import React, { PureComponent } from 'react'
 import Question from './Question.js'
 
 class Subject extends PureComponent {
-  render () {
+  render() {
     const { subj } = this.props
 
     if (subj) {
       return (
-        <div >
+        <div>
           {subj.Questions.map((question, i) => {
-            return (
-              <Question
-                key={i}
-                question={question}
-              />
-            )
+            return <Question key={i} question={question} />
           })}
         </div>
       )
     } else {
-      return (
-        <div />
-      )
+      return <div />
     }
   }
 }

src/components/SubjectSelector.js

@@ -1,10 +1,10 @@
 import styles from './SubjectSelector.module.css'
 
-export default function SubjectSelector (props) {
+export default function SubjectSelector(props) {
   const { activeSubjName, searchTerm, data, onSubjSelect } = props
 
   return (
-    <div className='subjectSelector'>
+    <div className="subjectSelector">
       {data.map((subj, i) => {
         if (!subj.Name.toLowerCase().includes(searchTerm.toLowerCase())) {
           return null
@@ -12,16 +12,15 @@ export default function SubjectSelector (props) {
 
         return (
           <div
-            className={activeSubjName === subj.Name
-              ? 'subjItem activeSubjItem'
-              : 'subjItem'
+            className={
+              activeSubjName === subj.Name
+                ? 'subjItem activeSubjItem'
+                : 'subjItem'
             }
             key={i}
             onClick={() => onSubjSelect(subj.Name)}
           >
-            <span className={styles.subjName}>
-              {subj.Name}
-            </span>
+            <span className={styles.subjName}>{subj.Name}</span>
             <span className={styles.questionCount}>
               [ {subj.Questions.length} ]
             </span>

src/components/layout.js

@@ -80,11 +80,15 @@ export default function Layout({
             <div />
           </span>
           <div className="sidebarheader">
-            <Link href="/"><a><img
-              style={{ maxWidth: '100%' }}
-              src={`${constants.siteUrl}img/frylabs-logo_small_transparent.png`}
-              alt="Frylabs"
-            /></a></Link>
+            <Link href="/">
+              <a>
+                <img
+                  style={{ maxWidth: '100%' }}
+                  src={`${constants.siteUrl}img/frylabs-logo_small_transparent.png`}
+                  alt="Frylabs"
+                />
+              </a>
+            </Link>
           </div>
         </div>
         {sidebarOpen ? (
@@ -123,9 +127,9 @@ export default function Layout({
                 rel="noreferrer"
               >
                 Donate
-              </a>  
+              </a>
             </div>
-            <div className="userStatus">   
+            <div className="userStatus">
               <div className="msgs">
                 <div
                   onClick={() => {

src/components/sleep.js

@@ -1,18 +1,19 @@
 import constants from '../constants.json'
 
-export default function Sleep (props) {
+export default function Sleep(props) {
   const hours = new Date().getHours()
   if (hours < 4 || hours > 23) {
     return (
-        <div>
+      <div>
         <center>
           <img
             style={{
               margin: '10px',
               width: '300px',
-              border: '2px solid white'
+              border: '2px solid white',
             }}
-            src={constants.siteUrl + 'img/aludni.jpeg'} title="Ezt a kepet azert latod, mert ilyenkor mar igazan nem ezen az oldalon kellene jarnod"
+            src={constants.siteUrl + 'img/aludni.jpeg'}
+            title="Ezt a kepet azert latod, mert ilyenkor mar igazan nem ezen az oldalon kellene jarnod"
           />
         </center>
       </div>