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