src/components/pages/Events.js

+import { Button, Container, Table } from 'semantic-ui-react';
 import React, { Component } from 'react';
-import moment from 'moment';
+import { deleteEvent, getStaffEvents } from '../../actions/statistics';
+
+import AddEventForm from '../forms/AddEventForm';
 import { Link } from 'react-router-dom';
-import { Container, Table, Button } from 'semantic-ui-react';
 import { connect } from 'react-redux';
-import { getStaffEvents, deleteEvent } from '../../actions/statistics';
-import AddEventForm from '../forms/AddEventForm';
+import moment from 'moment';
 
 class Events extends Component {
   UNSAFE_componentWillMount() {
@@ -12,51 +13,57 @@ class Events extends Component {
   }
 
   renderEvents() {
-    return this.props.events.map((event) => { 
-      return (
+    return this.props.events.map((event) => (
       <Table.Row key={event.id}>
-          <Table.Cell textAlign='center'>
-            <Link to={`events/${event.id}`}>
-              {event.name}
-            </Link>
+        <Table.Cell textAlign="center">
+          <Link to={`events/${event.id}`}>{event.name}</Link>
         </Table.Cell>
-          <Table.Cell textAlign='center'>
+        <Table.Cell textAlign="center">
           {moment(event.date).format('LL')}
         </Table.Cell>
-          <Table.Cell textAlign='center'>
-            {event.visitor_number}
-          </Table.Cell>
-          <Table.Cell textAlign='center'>
+        <Table.Cell textAlign="center">{event.visitor_number}</Table.Cell>
+        <Table.Cell textAlign="center">
           <Button
             onClick={() => this.props.deleteEvent(event)}
-              color='red'
+            color="red"
             compact
-              size='small'
+            size="small"
           >
             Törlés
           </Button>
         </Table.Cell>
       </Table.Row>
-      );
-    });
+    ));
   }
 
   render() {
     return (
-      <Container textAlign='center'>
+      <Container textAlign="center">
         <div style={{ overflowX: 'scroll' }}>
-          <Table color='blue' unstackable celled selectable compact
-          size='small'>
+          <Table
+            color="blue"
+            unstackable
+            celled
+            selectable
+            compact
+            size="small"
+          >
             <Table.Header>
               <Table.Row>
-                <Table.HeaderCell textAlign='center'>Alkalom neve</Table.HeaderCell>
-                <Table.HeaderCell textAlign='center'>Dátum</Table.HeaderCell>
-                <Table.HeaderCell textAlign='center'>Jelen voltak</Table.HeaderCell>
+                <Table.HeaderCell textAlign="center">
+                  Alkalom neve
+                </Table.HeaderCell>
+                <Table.HeaderCell textAlign="center">Dátum</Table.HeaderCell>
+                <Table.HeaderCell textAlign="center">
+                  Jelen voltak
+                </Table.HeaderCell>
                 <Table.HeaderCell />
               </Table.Row>
             </Table.Header>
             <Table.Body>
-              {this.props.events ? this.renderEvents() : 'Nincs még alkalom beírva'}
+              {this.props.events
+                ? this.renderEvents()
+                : 'Nincs még alkalom beírva'}
             </Table.Body>
           </Table>
         </div>
@@ -69,4 +76,6 @@ class Events extends Component {
 
 const mapStateToProps = ({ events: { events }, user }) => ({ events, user });
 
-export default connect(mapStateToProps, { getStaffEvents, deleteEvent })(Events);
+export default connect(mapStateToProps, { getStaffEvents, deleteEvent })(
+  Events
+);

src/components/pages/Groups.js

-import React, { Component } from 'react';
-import { Container, Header, Segment } from 'semantic-ui-react';
 import './Groups.css';
-import GroupCard from '../extra/GroupCard'
 
+import { Container, Header, Segment } from 'semantic-ui-react';
+import React, { Component } from 'react';
+
+import GroupCard from '../extra/GroupCard';
 import { connect } from 'react-redux';
 import { getGroups } from '../../actions/groups';
 
-
 class Groups extends Component {
   UNSAFE_componentWillMount() {
-    this.props.getGroups()
+    this.props.getGroups();
   }
 
   render() {
     return (
       <div>
-        <Segment inverted textAlign='center' vertical>
+        <Segment inverted textAlign="center" vertical>
           <Container>
             <Header
-              as='h1'
-              content='Köreink'
+              as="h1"
+              content="Köreink"
               inverted
               style={{
                 fontSize: '3em',
@@ -33,8 +33,16 @@ class Groups extends Component {
 
         <Segment style={{ padding: '1em 0em 5em' }} vertical>
           <Container text>
-            { this.props.groups.map(item => {
-              return <GroupCard key={item.id} label={item.name} value={item.description}/>
+            {this.props.groups
+              // eslint-disable-next-line arrow-body-style
+              .map((item) => {
+                return (
+                  <GroupCard
+                    key={item.id}
+                    label={item.name}
+                    value={item.description}
+                  />
+                );
               })}
           </Container>
         </Segment>

src/components/pages/Home.css

@@ -10,4 +10,28 @@
   -webkit-text-fill-color: white;
 }
 
+.quote {
+  position: relative;
+  margin-bottom: 0.5rem;
+}
+
+.quote:before {
+  content: '“';
+  position: absolute;
+  left: -0.45em;
+}
 
+.quote::after {
+  content: '”';
+  margin-right: -1rem;
+}
+
+.quote--container {
+  margin: 2rem auto 0;
+  padding-bottom: 0.7rem;
+}
+
+.quote--author {
+  text-align: right;
+  font-weight: 300;
+}

src/components/pages/Homework.js

-import React, { Component } from 'react';
 import {
+  Button,
   Container,
   Header,
-  Segment,
-  Table,
   Icon,
-  Message,
-  Button,
   Label,
+  Message,
+  Segment,
+  Table,
 } from 'semantic-ui-react';
-import { connect } from 'react-redux';
-import moment from 'moment';
+/* eslint-disable no-nested-ternary */
+import React, { Component } from 'react';
 import {
-  getTasks,
-  getSolutions,
-  getDocuments,
   addTask,
-  setSelectedTask,
   deleteTask,
+  getDocuments,
   getProfiles,
+  getSolutions,
+  getTasks,
+  setSelectedTask,
 } from '../../actions/homework';
-import AddTaskForm from '../forms/AddTaskForm';
+
 import AddSolutionForm from '../forms/AddSolutionForm';
-import SolutionDetailsForm from '../forms/SolutionDetailsForm';
+import AddTaskForm from '../forms/AddTaskForm';
+import ConfirmModal from '../forms/ConfirmModal';
 import EditTaskForm from '../forms/EditTaskForm';
 import InfoModal from '../forms/InfoModal';
-import ConfirmModal from '../forms/ConfirmModal';
+import SolutionDetailsForm from '../forms/SolutionDetailsForm';
+import { connect } from 'react-redux';
+import moment from 'moment';
 
 // Display type for the Table Semantic UI component
 // {icon} {text} - Displayed for the student for each Task
@@ -71,16 +73,17 @@ export const customMessage = (header, text, marginBottom, warning) => (
 
 class Homework extends Component {
   componentDidMount() {
-    this.props.getTasks()
-    this.props.getProfiles()
-    this.props.getSolutions()
-    this.props.getDocuments()
+    this.props.getTasks();
+    this.props.getProfiles();
+    this.props.getSolutions();
+    this.props.getDocuments();
   }
 
   // Returns a table style for the given task
   getTaskDisplayStyle(task) {
-    const taskSolution = this.props.homeworks.solutions
-      .filter(solution => solution.task === task.id)
+    const taskSolution = this.props.homeworks.solutions.filter(
+      (solution) => solution.task === task.id
+    );
 
     if (taskSolution.length === 0) {
       if (moment().isBefore(task.deadline)) {
@@ -105,15 +108,15 @@ class Homework extends Component {
   // given parameters separates the active/inactive tasks and normal/staff users
   renderTaskList(active, staff) {
     const { user, homeworks } = this.props;
-    const profileSolutions = homeworks.solutions
-      .filter(solution => solution.created_by === user.id);
-    
+    const profileSolutions = homeworks.solutions.filter(
+      (solution) => solution.created_by === user.id
+    );
 
     // Normal user
     if (!staff) {
       return homeworks.tasks
-        .filter(task => moment().isBefore(task.deadline) === active)
-        .map(task => (
+        .filter((task) => moment().isBefore(task.deadline) === active)
+        .map((task) => (
           // Style
           <Table.Row
             key={task.id}
@@ -143,11 +146,18 @@ class Homework extends Component {
             </Table.Cell>
 
             <Table.Cell>
-              <Label color={
-                  displayTypes[this.getTaskDisplayStyle(task)].rowstyle.positive ? 
-                    'green' 
-                  : moment().isAfter(task.deadline) ? 'red' 
-                  : displayTypes[this.getTaskDisplayStyle(task)].rowstyle.negative ? 'red': null}>
+              <Label
+                color={
+                  displayTypes[this.getTaskDisplayStyle(task)].rowstyle.positive
+                    ? 'green'
+                    : moment().isAfter(task.deadline)
+                    ? 'red'
+                    : displayTypes[this.getTaskDisplayStyle(task)].rowstyle
+                        .negative
+                    ? 'red'
+                    : null
+                }
+              >
                 {task.bits} bit
               </Label>
             </Table.Cell>
@@ -155,25 +165,34 @@ class Homework extends Component {
             <Table.Cell>
               <Icon name={displayTypes[this.getTaskDisplayStyle(task)].icon} />{' '}
               {displayTypes[this.getTaskDisplayStyle(task)].text}
-              {profileSolutions.filter(solution => solution.task === task.id)
-                && profileSolutions.filter(solution => solution.task === task.id).slice(-1)[0]
-                && profileSolutions.filter(solution => solution.task === task.id).slice(-1)[0].note
-                ?
+              {profileSolutions.filter(
+                (solution) => solution.task === task.id
+              ) &&
+              profileSolutions
+                .filter((solution) => solution.task === task.id)
+                .slice(-1)[0] &&
+              profileSolutions
+                .filter((solution) => solution.task === task.id)
+                .slice(-1)[0].note ? (
                 <div>
                   <InfoModal
                     button={
-                        <button id='tasknote'>
-                          (Megjegyzés <Icon name='external' />)
+                      <button type="button" id="tasknote">
+                        (Megjegyzés <Icon name="external" />)
                       </button>
                     }
-                      title='Megjegyzés a feladathoz'
-                      content={profileSolutions.filter(solution =>
-                      solution.task === task.id).slice(-1)[0].note}
+                    title="Megjegyzés a feladathoz"
+                    content={
+                      profileSolutions
+                        .filter((solution) => solution.task === task.id)
+                        .slice(-1)[0].note
+                    }
                     onAccept={() => {}}
                   />
                 </div>
-                : ''
-              }
+              ) : (
+                ''
+              )}
             </Table.Cell>
           </Table.Row>
         ));
@@ -182,18 +201,14 @@ class Homework extends Component {
     // Staff
 
     const deleteButton = (
-      <Button
-        inverted
-        style={{ marginRight: '2em' }}
-        color='red'
-      >
-        <Icon name='x' /> Törlés
+      <Button inverted style={{ marginRight: '2em' }} color="red">
+        <Icon name="x" /> Törlés
       </Button>
     );
 
     return this.props.homeworks.tasks
-      .filter(task => moment().isBefore(task.deadline) === active)
-      .map(task => (
+      .filter((task) => moment().isBefore(task.deadline) === active)
+      .map((task) => (
         <Table.Row
           key={task.id}
           warning={
@@ -220,16 +235,14 @@ class Homework extends Component {
           </Table.Cell>
           {/* Bits */}
           <Table.Cell>
-              <Label color={null}>
-                {task.bits} bit 
-              </Label>
+            <Label color={null}>{task.bits} bit</Label>
           </Table.Cell>
           {/* Admin buttons */}
           <Table.Cell>
             <EditTaskForm onClick={() => this.props.setSelectedTask(task)} />
             <ConfirmModal
               button={deleteButton}
-              text='törlöd a kiválaszott feladatot a már beadott megoldásokkal együtt'
+              text="törlöd a kiválaszott feladatot a már beadott megoldásokkal együtt"
               onAccept={() => this.props.deleteTask(task)}
             />
           </Table.Cell>
@@ -253,17 +266,16 @@ class Homework extends Component {
           <Table.Header>
             <Table.Row>
               <Table.HeaderCell>
-                <Icon circular name='home' />
+                <Icon circular name="home" />
                 Feladat megnevezése / beadása
               </Table.HeaderCell>
               <Table.HeaderCell>
-                <Icon circular name='calendar' />
+                <Icon circular name="calendar" />
                 Beadási határidő
               </Table.HeaderCell>
-              <Table.HeaderCell width={2}>
-              </Table.HeaderCell>
+              <Table.HeaderCell width={2}></Table.HeaderCell>
               <Table.HeaderCell>
-                <Icon circular name='tasks' />
+                <Icon circular name="tasks" />
                 Állapot
               </Table.HeaderCell>
             </Table.Row>
@@ -277,17 +289,16 @@ class Homework extends Component {
         <Table.Header>
           <Table.Row>
             <Table.HeaderCell>
-              <Icon circular name='home' />
+              <Icon circular name="home" />
               Feladat megnevezése / Beadások állapota
             </Table.HeaderCell>
             <Table.HeaderCell>
-              <Icon circular name='calendar' />
+              <Icon circular name="calendar" />
               Beadási határidő
             </Table.HeaderCell>
-            <Table.HeaderCell width={2}>
-            </Table.HeaderCell>
+            <Table.HeaderCell width={2}></Table.HeaderCell>
             <Table.HeaderCell>
-              <Icon circular name='edit' />
+              <Icon circular name="edit" />
               Módosítás / Törlés
             </Table.HeaderCell>
           </Table.Row>
@@ -309,15 +320,18 @@ class Homework extends Component {
       headerText = 'Aktív feladatok kijavítása, módosítása vagy törlése';
     }
 
-    if (this.props.homeworks.tasks.filter(task =>
-          moment().isBefore(task.deadline) === active).length === 0
+    if (
+      this.props.homeworks.tasks.filter(
+        (task) => moment().isBefore(task.deadline) === active
+      ).length === 0
     ) {
       noTask = true;
     }
 
     if (!active) {
       if (staff) {
-        headerText = 'Lejárt határidejű feladatok kijavítása, módosítása vagy törlése';
+        headerText =
+          'Lejárt határidejű feladatok kijavítása, módosítása vagy törlése';
       } else {
         headerText = 'Lejárt határidejű feladatok';
       }
@@ -329,11 +343,9 @@ class Homework extends Component {
       <Segment style={{ padding: '0 0 2em 0' }} vertical basic>
         <Container>
           <Header
-            as='h1'
+            as="h1"
             dividing
-            content={
-              headerText
-            }
+            content={headerText}
             style={{
               fontSize: '2em',
               fontWeight: 'normal',
@@ -341,20 +353,18 @@ class Homework extends Component {
               marginTop: '0.5em',
             }}
           />
-          {noTask ? 
+          {noTask ? (
             customMessage(noTaskHeaderText, noTaskText, marginBottom, false)
-            : 
-            <div>
-              {this.renderHomeworksTable(active, staff)}
-            </div>
-          }
-          {!active && !staff ?
+          ) : (
+            <div>{this.renderHomeworksTable(active, staff)}</div>
+          )}
+          {!active && !staff ? (
             <Header
-                as='h3'
+              as="h3"
               content={
                 <div>
                   Jelenlegi bitjeid száma:
-                    <Label color='green' size='large'>
+                  <Label color="green" size="large">
                     {this.props.user.bits} bit
                   </Label>
                 </div>
@@ -362,12 +372,11 @@ class Homework extends Component {
               style={{
                 fontWeight: 'normal',
                 marginTop: '0.5em',
-                    marginBottom: '1em'
+                marginBottom: '1em',
               }}
-                textAlign='right'
+              textAlign="right"
             />
-              : null
-            }
+          ) : null}
         </Container>
       </Segment>
     );
@@ -383,13 +392,16 @@ class Homework extends Component {
           {this.renderHomeworks(false, false)}
         </div>
       );
-    } else if (user.role === 'Staff') {
+    }
+    if (user.role === 'Staff') {
       return (
         <div style={{ paddingBottom: '2em' }}>
           <Segment style={{ padding: '0 0 2em 0' }} vertical basic>
             <Container>
-              <Header dividing as='h1'
-                content='Új házi feladat létrehozása'
+              <Header
+                dividing
+                as="h1"
+                content="Új házi feladat létrehozása"
                 style={{
                   fontSize: '2em',
                   fontWeight: 'normal',
@@ -411,11 +423,13 @@ class Homework extends Component {
   }
 }
 
-const mapStateToProps = ({ selectedTask, homeworks, user }) => ({ selectedTask, homeworks, user });
+const mapStateToProps = ({ selectedTask, homeworks, user }) => ({
+  selectedTask,
+  homeworks,
+  user,
+});
 
-export default connect(
-  mapStateToProps,
-  {
+export default connect(mapStateToProps, {
   getTasks,
   setSelectedTask,
   getSolutions,
@@ -423,5 +437,4 @@ export default connect(
   addTask,
   deleteTask,
   getProfiles,
-  },
-)(Homework);
+})(Homework);

src/components/pages/NotFound.js

-import React, { Component } from 'react';
 import { Button, Container, Header, Icon, Segment } from 'semantic-ui-react';
+import React, { Component } from 'react';
 
 export default class NotFound extends Component {
   render() {
     return (
       <div>
-        <Segment inverted textAlign='center' vertical>
+        <Segment inverted textAlign="center" vertical>
           <Container>
             <Header
-              as='h1'
-              content='404 - A keresett oldal nem található!'
+              as="h1"
+              content="404 - A keresett oldal nem található!"
               inverted
               style={{
                 fontSize: '3em',
@@ -19,9 +19,9 @@ export default class NotFound extends Component {
               }}
             />
             <Button
-              href='/'
+              href="/"
               primary
-              size='huge'
+              size="huge"
               style={{
                 fontSize: '2em',
                 marginTop: '1em',
@@ -29,7 +29,7 @@ export default class NotFound extends Component {
               }}
             >
               Vissza a Főoldalra
-              <Icon name='right arrow' />
+              <Icon name="right arrow" />
             </Button>
           </Container>
         </Segment>

src/configureStore.js

-import { createStore, applyMiddleware } from 'redux';
-import thunkMiddleware from 'redux-thunk';
+import { applyMiddleware, createStore } from 'redux';
+
 // import { createLogger } from 'redux-logger';
 import rootReducer from './reducers';
+import thunkMiddleware from 'redux-thunk';
 
 // const loggerMiddleware = createLogger();
 
@@ -10,8 +11,8 @@ export default function configureStore(preloadedState) {
     rootReducer,
     preloadedState,
     applyMiddleware(
-      thunkMiddleware,
+      thunkMiddleware
       // loggerMiddleware,
-    ),
+    )
   );
 }

src/reducers/AddNewsReducer.js

-import { WRITE_NEWS, CLEAR_WRITE } from '../actions/types';
+import { CLEAR_WRITE, WRITE_NEWS } from '../actions/types';
 
 const INITIAL_STATE = { title: '', text: '' };
 

src/reducers/AddSolutionReducer.js

-import { WRITE_SOLUTION, WRITE_SOLUTION_FILE, GET_SOLUTIONS, CLEAR_WRITE } from '../actions/types';
+import {
+  CLEAR_WRITE,
+  GET_SOLUTIONS,
+  WRITE_SOLUTION,
+  WRITE_SOLUTION_FILE,
+} from '../actions/types';
 
 const INITIAL_STATE = {
   task: '',