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/Home.css

@@ -6,10 +6,32 @@
   position: absolute;
   width: 100%;
   top: 1vw;
-  text-shadow: black 0px 0px 10px;
+  text-shadow: black 0px 0px 10px, black 0px 0px 6px;
   -webkit-text-fill-color: white;
-  -webkit-text-stroke-color: black;
-  -webkit-text-stroke-width: 0.75px;
 }
 
+.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/reducers/AddNewsReducer.js

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