src/components/pages/Schedule.js

-import React, { Component } from 'react';
-import { Container, Header, Segment } from 'semantic-ui-react';
+import "moment/locale/hu";
+
+import {
+  Accordion,
+  Container,
+  Grid,
+  Header,
+  Icon,
+  Segment,
+} from "semantic-ui-react";
+import React, { Component } from "react";
+
+import { connect } from "react-redux";
+import { getStudentEvents } from "../../actions/statistics";
+import moment from "moment";
+
+class Schedule extends Component {
+  // eslint-disable-next-line react/state-in-constructor
+  state = { activeIndex: 0 };
+
+  UNSAFE_componentWillMount() {
+    this.props.getStudentEvents();
+  }
+
+  handleClick = (e, titleProps) => {
+    const { index } = titleProps;
+    const { activeIndex } = this.state;
+    const newIndex = activeIndex === index ? -1 : index;
+
+    this.setState({ activeIndex: newIndex });
+  };
 
-export default class Schedule extends Component {
   render() {
+    const { activeIndex } = this.state;
+
+    const { events } = this.props;
+    const panels = events
+      .sort((a, b) => a.date - b.date)
+      .map((event) => (
+        <Accordion key={Math.random()}>
+          <Accordion.Title
+            active={activeIndex === event.id}
+            index={event.id}
+            onClick={this.handleClick}
+          >
+            <h2>
+              <Grid>
+                <Grid.Column floated="left" width={5} textAlign="left">
+                  <Icon name="calendar alternate outline" color="blue" />{" "}
+                  {event.name}
+                </Grid.Column>
+                <Grid.Column floated="right" width={8} textAlign="right">
+                  {moment(event.date).locale("hu").format("LLLL")}
+                </Grid.Column>
+              </Grid>
+            </h2>
+          </Accordion.Title>
+          <Accordion.Content active={activeIndex === event.id}>
+            <Segment textAlign="left" style={{ overflowWrap: "break-word" }}>
+              {event.description}
+            </Segment>
+          </Accordion.Content>
+        </Accordion>
+      ));
+
     return (
       <div>
-        <Segment inverted textAlign='center' vertical>
-          <Container>
-            <Header
-              as='h1'
-              content='Ütemterv - Hamarosan'
-              inverted
-              style={{
-                fontSize: '3em',
-                fontWeight: 'normal',
-                marginBottom: 0,
-                marginTop: '0.5em',
-              }}
-            />
-          </Container>
-        </Segment>
+        <Container textAlign="center">
+          <Header
+            as="h1"
+            content="Képzés alkalmak"
+            style={{
+              fontSize: "2em",
+              fontWeight: "bold",
+              marginBottom: "0.5em",
+              marginTop: "0.5em",
+            }}
+          />
+          <Accordion fluid styled>
+            {panels}
+          </Accordion>
+          <Header
+            as="h1"
+            content="Tábor: április 11-13"
+            style={{
+              fontSize: "2em",
+              fontWeight: "bold",
+              marginBottom: "0.5em",
+              marginTop: "1.5em",
+            }}
+          />
+        </Container>
       </div>
     );
   }
 }
+
+const mapStateToProps = ({ events: { events }, user }) => ({ events, user });
+
+export default connect(mapStateToProps, { getStudentEvents })(Schedule);

src/components/pages/Statistics.js

+import { Container, Menu } from 'semantic-ui-react';
 import React, { Component } from 'react';
-import { Container, Header, Segment } from 'semantic-ui-react';
+
+import Events from './Events';
+import LeaderBoard from './LeaderBoard';
+import Presence from './Presence';
 
 export default class Statistics extends Component {
+  // eslint-disable-next-line react/state-in-constructor
+  state = { activeItem: 'events' };
+
+  handleItemClick = (e, { name }) => this.setState({ activeItem: name });
+
   render() {
+    const { activeItem } = this.state;
     return (
       <div>
-        <Segment inverted textAlign='center' vertical>
-          <Container>
-            <Header
-              as='h1'
-              content='Statisztikák - Hamarosan'
-              inverted
-              style={{
-                fontSize: '3em',
-                fontWeight: 'normal',
-                marginBottom: 0,
-                marginTop: '0.5em',
-              }}
-            />
-          </Container>
-        </Segment>
+        <Container
+          textAlign="center"
+          style={{ paddingBottom: '5em', paddingTop: '1em' }}
+        >
+          <Menu tabular attached="top" size="huge" compact>
+            <Menu.Item
+              name="events"
+              active={activeItem === 'events'}
+              onClick={this.handleItemClick}
+            >
+              Alkalmak
+            </Menu.Item>
+            <Menu.Item
+              name="presence"
+              active={activeItem === 'presence'}
+              onClick={this.handleItemClick}
+            >
+              Jelenlét
+            </Menu.Item>
+            <Menu.Item
+              name="leaderboard"
+              active={activeItem === 'leaderboard'}
+              onClick={this.handleItemClick}
+            >
+              Ranglista
+            </Menu.Item>
+          </Menu>
+          {activeItem === 'events' ? <Events /> : ''}
+          {activeItem === 'presence' ? <Presence /> : ''}
+          {activeItem === 'leaderboard' ? <LeaderBoard /> : ''}
+        </Container>
       </div>
     );
   }

src/components/pages/Trainers.js

-import React, { Component } from 'react';
-import { Container, Header, Segment } from 'semantic-ui-react';
-
-export default class Trainers extends Component {
-  render() {
-    return (
-      <div>
-        <Segment inverted textAlign='center' vertical>
-          <Container>
-            <Header
-              as='h1'
-              content='Képzők - Hamarosan'
-              inverted
-              style={{
-                fontSize: '3em',
-                fontWeight: 'normal',
-                marginBottom: 0,
-                marginTop: '0.5em',
-              }}
-            />
-          </Container>
-        </Segment>
-      </div>
-    );
-  }
-}

src/config.js.temp

-export const APIKEY = '';

src/configureStore.js

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

src/containers/TodoContainer.js

+/* eslint-disable import/no-unresolved */
+/* eslint-disable import/named */
+/* eslint-disable import/extensions */
 import React, { Component } from 'react';
-import { connect } from 'react-redux';
+
 // eslint-disable-next-line
 import PropTypes from 'prop-types';
 import Todo from '../components/Todo';
 import { addTodo } from '../actions';
+import { connect } from 'react-redux';
 
 class TodoContainer extends Component {
   render() {
@@ -11,13 +15,11 @@ class TodoContainer extends Component {
 
     return (
       <div>
-        {
-          todos.map(todo => (
-            <Todo onClick={onTodoClick} key={Math.random()}>
-              {todo.data}
-            </Todo>
-          ))
-        }
+        {todos.map((todo) => (
+          <Todo onClick={onTodoClick} key={Math.random()}>
+            {todo.data}
+          </Todo>
+        ))}
       </div>
     );
   }
@@ -31,7 +33,7 @@ const mapStateToProps = (state) => {
   };
 };
 
-const mapDispatchToProps = dispatch => ({
+const mapDispatchToProps = (dispatch) => ({
   onTodoClick: (data) => {
     dispatch(addTodo(data));
   },

src/index.js

-import React from 'react';
-import { render } from 'react-dom';
-import { Provider } from 'react-redux';
-import { BrowserRouter as Router } from 'react-router-dom';
 import 'slick-carousel/slick/slick.css';
 import 'slick-carousel/slick/slick-theme.css';
 import 'semantic-ui-css/semantic.min.css';
 
-import configureStore from './configureStore';
+import * as serviceWorker from './registerServiceWorker';
+
 import App from './components/App';
-// import registerServiceWorker from './registerServiceWorker';
+import { Provider } from 'react-redux';
+import React from 'react';
+import { BrowserRouter as Router } from 'react-router-dom';
+import configureStore from './configureStore';
+import moment from 'moment';
+import { render } from 'react-dom';
+
+moment.locale();
 
 const store = configureStore();
 
@@ -18,7 +22,7 @@ render(
       <App />
     </Router>
   </Provider>,
-  document.getElementById('root'),
+  document.getElementById('root')
 );
 
-// registerServiceWorker();
+serviceWorker.unregister();

src/reducers/AddNewsReducer.js

+import { CLEAR_WRITE, WRITE_NEWS } from '../actions/types';
+
+const INITIAL_STATE = { title: '', text: '' };
+
+export default (state = INITIAL_STATE, action) => {
+  switch (action.type) {
+    case WRITE_NEWS:
+      return { ...state, [action.target]: action.payload };
+    case CLEAR_WRITE:
+      return INITIAL_STATE;
+    default:
+      return state;
+  }
+};

src/reducers/AddSolutionReducer.js

+import {
+  CLEAR_WRITE,
+  GET_SOLUTIONS,
+  WRITE_SOLUTION,
+  WRITE_SOLUTION_FILE,
+} from '../actions/types';
+
+const INITIAL_STATE = {
+  task: '',
+  name: '',
+  description: '',
+  file: '',
+  solutions: [],
+};
+
+export default (state = INITIAL_STATE, action) => {
+  switch (action.type) {
+    case WRITE_SOLUTION:
+      return { ...state, [action.target]: action.payload };
+    case WRITE_SOLUTION_FILE:
+      return { ...state, [action.target]: action.payload };
+    case GET_SOLUTIONS:
+      return { ...state, solutions: action.payload };
+    case CLEAR_WRITE:
+      return INITIAL_STATE;
+    default:
+      return state;
+  }
+};

src/reducers/AddTaskReducer.js

+import { CLEAR_WRITE, WRITE_TASK, WRITE_TASK_DEADLINE } from '../actions/types';
+
+const INITIAL_STATE = { title: '', text: '', deadline: '' };
+
+export default (state = INITIAL_STATE, action) => {
+  switch (action.type) {
+    case WRITE_TASK:
+      return { ...state, [action.target]: action.payload };
+    case WRITE_TASK_DEADLINE:
+      return { ...state, [action.target]: action.payload };
+    case CLEAR_WRITE:
+      return INITIAL_STATE;
+    default:
+      return state;
+  }
+};

src/reducers/CorrectSolutionReducer.js

+import {
+  CHECK,
+  CLEAR_WRITE,
+  SELECT_SOLUTION,
+  SETCHECKTRUE,
+  WRITE_SOLUTION,
+} from '../actions/types';
+
+const INITIAL_STATE = {
+  accepted: false,
+  corrected: false,
+  note: '',
+};
+
+export default (state = INITIAL_STATE, action) => {
+  switch (action.type) {
+    case SELECT_SOLUTION:
+      return {
+        corrected: action.payload.corrected,
+        accepted: action.payload.accepted,
+        note: action.payload.note,
+      };
+    case WRITE_SOLUTION:
+      return { ...state, [action.target]: action.payload };
+    case CHECK:
+      return {
+        ...state,
+        [action.target]: !state[action.target],
+      };
+    case SETCHECKTRUE:
+      return {
+        ...state,
+        [action.target]: true,
+      };
+    case CLEAR_WRITE:
+      return INITIAL_STATE;
+    default:
+      return state;
+  }
+};

src/reducers/EditNewsReducer.js

+import { CLEAR_WRITE, SELECT_NEWS, WRITE_NEWS } from '../actions/types';
+
+const INITIAL_STATE = {};
+
+export default (state = INITIAL_STATE, action) => {
+  switch (action.type) {
+    case SELECT_NEWS:
+      return action.payload;
+    case WRITE_NEWS:
+      return { ...state, [action.target]: action.payload };
+    case CLEAR_WRITE:
+      return INITIAL_STATE;
+    default:
+      return state;
+  }
+};

src/reducers/EditTaskReducer.js

+import {
+  CLEAR_WRITE,
+  SELECT_TASK,
+  WRITE_TASK,
+  WRITE_TASK_DEADLINE,
+} from '../actions/types';
+
+const INITIAL_STATE = {};
+
+export default (state = INITIAL_STATE, action) => {
+  switch (action.type) {
+    case SELECT_TASK:
+      return action.payload;
+    case WRITE_TASK:
+      return { ...state, [action.target]: action.payload };
+    case WRITE_TASK_DEADLINE:
+      return { ...state, [action.target]: action.payload };
+    case CLEAR_WRITE:
+      return INITIAL_STATE;
+    default:
+      return state;
+  }
+};

src/reducers/EventReducer.js

+import {
+  ABSENT_CHANGE,
+  ADD_EVENT,
+  CHANGE_NO,
+  CLEAR_WRITE,
+  DELETE_EVENT,
+  GET_EVENTS,
+  GET_EVENT_BY_ID,
+  VISITOR_CHANGE,
+  WRITE_EVENT,
+} from '../actions/types';
+
+const INITIAL_STATE = { events: [], newEvent: {} };
+
+export default (state = INITIAL_STATE, action) => {
+  switch (action.type) {
+    case GET_EVENTS:
+      return { ...state, events: [...action.payload] };
+    case GET_EVENT_BY_ID:
+      return { ...state, selectedEvent: action.payload };
+    case VISITOR_CHANGE:
+      if (state.selectedEvent.visitors.includes(action.payload)) {
+        // Benne van nem kell megváltoztatni
+        return { ...state };
+      }
+      if (state.selectedEvent.absent.indexOf(action.payload) > -1) {
+        // Ha az absentbe van ki kell venni
+        state.selectedEvent.absent.splice(
+          state.selectedEvent.absent.indexOf(action.payload),
+          1
+        );
+      }
+      state.selectedEvent.visitors.push(action.payload);
+      return {
+        ...state,
+        selectedEvent: {
+          ...state.selectedEvent,
+          visitors: state.selectedEvent.visitors,
+          absent: state.selectedEvent.absent,
+        },
+      };
+    case ABSENT_CHANGE:
+      if (state.selectedEvent.absent.includes(action.payload)) {
+        return { ...state };
+      }
+      if (state.selectedEvent.visitors.indexOf(action.payload) > -1) {
+        state.selectedEvent.visitors.splice(
+          state.selectedEvent.visitors.indexOf(action.payload),
+          1
+        );
+      }
+      state.selectedEvent.absent.push(action.payload);
+      return {
+        ...state,
+        selectedEvent: {
+          ...state.selectedEvent,
+          visitors: state.selectedEvent.visitors,
+          absent: state.selectedEvent.absent,
+        },
+      };
+    case CHANGE_NO:
+      if (state.selectedEvent.visitors.indexOf(action.payload) > -1) {
+        state.selectedEvent.visitors.splice(
+          state.selectedEvent.visitors.indexOf(action.payload),
+          1
+        );
+      }
+      if (state.selectedEvent.absent.indexOf(action.payload) > -1) {
+        // Ha az absentbe van ki kell venni
+        state.selectedEvent.absent.splice(
+          state.selectedEvent.absent.indexOf(action.payload),
+          1
+        );
+      }
+      return {
+        ...state,
+        selectedEvent: {
+          ...state.selectedEvent,
+          visitors: state.selectedEvent.visitors,
+          absent: state.selectedEvent.absent,
+        },
+      };
+    case WRITE_EVENT:
+      return {
+        ...state,
+        newEvent: { ...state.newEvent, [action.target]: action.payload },
+      };
+    case ADD_EVENT:
+      return { ...state, events: [...state.events, action.payload] };
+    case DELETE_EVENT:
+      state.events.splice(state.events.indexOf(action.payload), 1);
+      return { ...state, events: [...state.events] };
+    case CLEAR_WRITE:
+      return { ...state, newEvent: {} };
+    default:
+      return state;
+  }
+};

src/reducers/GroupsReducer.js

+import { GET_GROUPS } from '../actions/types';
+
+const INITIAL_STATE = [];
+
+export default (state = INITIAL_STATE, action) => {
+  switch (action.type) {
+    case GET_GROUPS:
+      return action.payload;
+    default:
+      return state;
+  }
+};

src/reducers/HomeworksReducer.js

+/* eslint-disable no-case-declarations */
+import {
+  ADD_SOLUTION,
+  ADD_TASK,
+  CORRECT_SOLUTION,
+  DELETE_TASK,
+  EDIT_TASK,
+  GET_DOCUMENTS,
+  GET_PROFILES,
+  GET_SOLUTIONS,
+  GET_TASKS,
+} from '../actions/types';
+
+const INITIAL_STATE = {
+  id: 0,
+  tasks: [],
+  solutions: [],
+  profiles: [],
+  documents: [],
+};
+
+export default (state = INITIAL_STATE, action) => {
+  switch (action.type) {
+    case GET_TASKS:
+      return { ...state, tasks: action.payload };
+    case GET_SOLUTIONS:
+      return { ...state, solutions: action.payload };
+    case CORRECT_SOLUTION:
+      const modifiedSolution = state.solutions.find(
+        (sol) => sol.id === action.payload.id
+      );
+      const modifiedSolutions = state.solutions.slice();
+      modifiedSolutions.splice(
+        state.solutions.indexOf(modifiedSolution),
+        1,
+        action.payload
+      );
+      return { ...state, solutions: [...modifiedSolutions] };
+    case ADD_SOLUTION:
+      return {
+        ...state,
+        solutions: [action.payload, ...state.solutions],
+        id: action.payload.id,
+      };
+    case ADD_TASK:
+      return { ...state, tasks: [action.payload, ...state.tasks] };
+    case DELETE_TASK:
+      return {
+        ...state,
+        tasks: [
+          ...state.tasks.slice(0, state.tasks.indexOf(action.payload)),
+          ...state.tasks.slice(state.tasks.indexOf(action.payload) + 1),
+        ],
+      };
+    case EDIT_TASK:
+      return {
+        ...state,
+        tasks: [
+          ...state.tasks.map((task) => {
+            if (task.id !== action.payload.id) {
+              return task;
+            }
+            return action.payload;
+          }),
+        ],
+      };
+    case GET_PROFILES:
+      return { ...state, profiles: action.payload };
+    case GET_DOCUMENTS:
+      return { ...state, documents: action.payload };
+    default:
+      return state;
+  }
+};

src/reducers/ImagesReducer.js

+import { GET_IMAGES } from '../actions/types';
+
+const INITIAL_STATE = [];
+
+export default (state = INITIAL_STATE, action) => {
+  switch (action.type) {
+    case GET_IMAGES:
+      return action.payload;
+    default:
+      return state;
+  }
+};

src/reducers/MentorsReducer.js

+import { GET_MENTORS } from '../actions/types';
+
+const INITIAL_STATE = [];
+
+export default (state = INITIAL_STATE, action) => {
+  switch (action.type) {
+    case GET_MENTORS:
+      return action.payload;
+    default:
+      return state;
+  }
+};

src/reducers/NewsReducer.js

-import { GET_NEWS } from '../actions/types';
+import { ADD_NEWS, DELETE_NEWS, EDIT_NEWS, GET_NEWS } from '../actions/types';
 
 const INITIAL_STATE = [];
 
 export default (state = INITIAL_STATE, action) => {
   switch (action.type) {
     case GET_NEWS:
-      return [ ...state, ...action.payload ];
+      return action.payload;
+    case ADD_NEWS:
+      return [action.payload, ...state];
+    case EDIT_NEWS:
+      const array = state.filter((item) => item.id === action.payload.id);
+      state.splice(state.indexOf(array.pop()), 1, action.payload);
+      return [...state];
+    case DELETE_NEWS:
+      state.splice(state.indexOf(action.payload), 1);
+      return [...state];
     default:
       return state;
   }