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,56 +13,62 @@ class Events extends Component {
   }
 
   renderEvents() {
-    return this.props.events.map((event) => { 
-      return (
-        <Table.Row key={event.id}>
-          <Table.Cell textAlign='center'>
-            <Link to={`events/${event.id}`}>
-              {event.name}
-            </Link>
-          </Table.Cell>
-          <Table.Cell textAlign='center'>
-            {moment(event.date).format('LL')}
-          </Table.Cell>
-          <Table.Cell textAlign='center'>
-            {event.visitor_number}
-          </Table.Cell>
-          <Table.Cell textAlign='center'>
-            <Button
-              onClick={() => this.props.deleteEvent(event)}
-              color='red'
-              compact
-              size='small'
-            >
-              Törlés
-            </Button>
-          </Table.Cell>
-        </Table.Row>
-      );
-    });
+    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>
+        <Table.Cell textAlign="center">
+          {moment(event.date).format('LL')}
+        </Table.Cell>
+        <Table.Cell textAlign="center">{event.visitor_number}</Table.Cell>
+        <Table.Cell textAlign="center">
+          <Button
+            onClick={() => this.props.deleteEvent(event)}
+            color="red"
+            compact
+            size="small"
+          >
+            Törlés
+          </Button>
+        </Table.Cell>
+      </Table.Row>
+    ));
   }
 
   render() {
     return (
-      <Container textAlign='center'>
-        <div style={{overflowX: 'scroll'}}>
-          <Table color='blue' unstackable celled selectable compact
-          size='small'>
+      <Container textAlign="center">
+        <div style={{ overflowX: 'scroll' }}>
+          <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>
         <br />
-        <AddEventForm/>
+        <AddEventForm />
       </Container>
     );
   }
@@ -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',
@@ -30,12 +30,20 @@ class Groups extends Component {
             />
           </Container>
         </Segment>
-              
+
         <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>
       </div>