From 60d9c3cfd4562048c8548dd1651bd8ec8318fda3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Chif=20Gerg=C5=91?= <chifgeri97@gmail.com>
Date: Thu, 17 Jan 2019 14:25:47 +0100
Subject: [PATCH] Add cases to handle note creation, modify Table style.

---
 src/components/pages/Events.js   | 2 +-
 src/components/pages/Trainees.js | 4 ++--
 src/reducers/NoteReducer.js      | 8 ++++++--
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/pages/Events.js b/src/components/pages/Events.js
index 50a4d98..ea287f7 100644
--- a/src/components/pages/Events.js
+++ b/src/components/pages/Events.js
@@ -22,7 +22,7 @@ class Events extends Component {
         </Table.Cell>
         <Table.Cell>{moment(event.date).format('LL')}</Table.Cell>
         <Table.Cell>{event.visitor_number}</Table.Cell>
-        <Table.Cell compact>
+        <Table.Cell>
           <Button
             onClick={() => this.props.deleteEvent(event)}
             color='red'
diff --git a/src/components/pages/Trainees.js b/src/components/pages/Trainees.js
index 4f3eea1..b8b3c5d 100644
--- a/src/components/pages/Trainees.js
+++ b/src/components/pages/Trainees.js
@@ -13,12 +13,12 @@ class Trainees extends Component {
     return (this.props.events.map((event) => {
       if (event.visitors.includes(trainee.id)) {
         return (
-          <Table.Cell>
+          <Table.Cell textAlign='center'>
             <Icon color='green' name='checkmark' />
           </Table.Cell>);
       }
       return (
-        <Table.Cell>
+        <Table.Cell textAlign='center'>
           <Icon color='red' name='cancel' />
         </Table.Cell>);
     }));
diff --git a/src/reducers/NoteReducer.js b/src/reducers/NoteReducer.js
index 4e334b8..c98a0fa 100644
--- a/src/reducers/NoteReducer.js
+++ b/src/reducers/NoteReducer.js
@@ -1,11 +1,15 @@
-import { GET_NOTES_BY_EVENT } from '../actions/types';
+import { GET_NOTES_BY_EVENT, WRITE_NOTE, ADD_EVENT_NOTE } from '../actions/types';
 
-const INITIAL_STATE = {};
+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] };
     default:
       return state;
   }
-- 
GitLab