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 = [];
 
@@ -6,6 +6,15 @@ export default (state = INITIAL_STATE, action) => {
   switch (action.type) {
     case GET_NEWS:
       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;
   }

src/reducers/NoteReducer.js

+import {
+  ADD_EVENT_NOTE,
+  CLEAR_WRITE,
+  GET_NOTES_BY_EVENT,
+  WRITE_NOTE,
+} from '../actions/types';
+
+const INITIAL_STATE = { eventNotes: [], actualNote: {} };
+
+export default (state = INITIAL_STATE, action) => {
+  switch (action.type) {
+    case GET_NOTES_BY_EVENT:
+      return { ...state, eventNotes: action.payload };
+    case WRITE_NOTE:
+      return {
+        ...state,
+        actualNote: { ...state.actualNote, note: action.payload },
+      };
+    case ADD_EVENT_NOTE:
+      return { ...state, eventNotes: [...state.eventNotes, action.payload] };
+    case CLEAR_WRITE:
+      return { ...state, actualNote: { note: '' } };
+    default:
+      return state;
+  }
+};