From e2e9e7b67392d6d36bd4675811a84ec5875004e5 Mon Sep 17 00:00:00 2001
From: Bereczki Sandor <bsandor453@gmail.com>
Date: Thu, 31 Jan 2019 17:24:48 +0100
Subject: [PATCH] Date validation for button (task addition and modification)

---
 src/components/forms/AddTaskForm.js  | 4 +++-
 src/components/forms/EditTaskForm.js | 4 +++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/forms/AddTaskForm.js b/src/components/forms/AddTaskForm.js
index 9c93fde..f08b1b3 100644
--- a/src/components/forms/AddTaskForm.js
+++ b/src/components/forms/AddTaskForm.js
@@ -2,6 +2,7 @@ import React, { Component } from 'react';
 import { Modal, Button, Form, Input, TextArea, Icon } from 'semantic-ui-react';
 import { connect } from 'react-redux';
 import { DateTimeInput } from 'semantic-ui-calendar-react';
+import moment from 'moment';
 import { addTask, writeTask, writeTaskDeadline, clearWrite } from '../../actions/homework';
 
 class AddTaskForm extends Component {
@@ -49,7 +50,7 @@ class AddTaskForm extends Component {
             />
             <Form.Field
               control={DateTimeInput}
-              label='Beadási határidő:'
+              label='Beadási határidő (a jelenlegi időnél későbbi időpont):'
               name='deadline'
               placeholder='Beadási határidő'
               iconPosition='left'
@@ -75,6 +76,7 @@ class AddTaskForm extends Component {
           <Button
             inverted
             color='green'
+            disabled={(title === '' || text === '' || deadline === '' || moment().isAfter(deadline))}
             onClick={() => {
               this.props.addTask({ title, text, deadline });
               this.setState({ showModal: false });
diff --git a/src/components/forms/EditTaskForm.js b/src/components/forms/EditTaskForm.js
index c1592f6..4f7ed08 100644
--- a/src/components/forms/EditTaskForm.js
+++ b/src/components/forms/EditTaskForm.js
@@ -2,6 +2,7 @@ import React, { Component } from 'react';
 import { Modal, Button, Form, Input, TextArea, Icon } from 'semantic-ui-react';
 import { connect } from 'react-redux';
 import { DateTimeInput } from 'semantic-ui-calendar-react';
+import moment from 'moment';
 import { writeTask, writeTaskDeadline, editTask, clearWrite } from '../../actions/homework';
 
 class EditTaskForm extends Component {
@@ -55,7 +56,7 @@ class EditTaskForm extends Component {
             />
             <Form.Field
               control={DateTimeInput}
-              label='Beadási határidő:'
+              label='Beadási határidő (a jelenlegi időnél későbbi időpont):'
               name='deadline'
               placeholder='Beadási határidő'
               iconPosition='left'
@@ -81,6 +82,7 @@ class EditTaskForm extends Component {
           <Button
             inverted
             color='green'
+            disabled={(title === '' || text === '' || deadline === '' || moment().isAfter(deadline))}
             onClick={() => {
               this.props.editTask({
                 id,
-- 
GitLab