diff --git a/client/src/components/GenerateFeesInORDButton/index.js b/client/src/components/GenerateFeesInORDButton/index.js index ab645c6..8231b50 100644 --- a/client/src/components/GenerateFeesInORDButton/index.js +++ b/client/src/components/GenerateFeesInORDButton/index.js @@ -1,10 +1,8 @@ import React, { Component } from 'react'; import { connect } from 'react-redux'; -import { Button, Modal } from 'semantic-ui-react'; -import moment from 'moment'; +import { Button, Modal, Message } from 'semantic-ui-react'; import { addFeesToOrd } from '../../store/actions'; -import { defaultDateFormat } from '../../constants/constants'; class GenerateFeesInORDButton extends Component { state = { open: false }; @@ -23,25 +21,7 @@ class GenerateFeesInORDButton extends Component { render() { const { open, size } = this.state; - const { singleMember, disabled, dateRange } = this.props; - - let submitIsDisabled = disabled; - - if (dateRange && dateRange.startDate) { - const startDateMoment = moment(dateRange.startDate, defaultDateFormat); - const currentMoment = moment(); - - const startMomentMonth = startDateMoment.month(); - const startMomentYear = startDateMoment.year(); - const currentMonth = currentMoment.month(); - const currentYear = currentMoment.year(); - - const monthSelectorIsInPast = (startMomentYear < currentYear) || - (startMomentYear === currentYear && startMomentMonth < currentMonth); - - submitIsDisabled = disabled || !monthSelectorIsInPast; - } - + const { singleMember, disabled, sendFeesError } = this.props; const modalContent = singleMember ? 'This will remove all existing fees in ORD for selected member in selected date range and generate new fees based on shown incident tables. Do you want to continue ?': @@ -49,7 +29,13 @@ class GenerateFeesInORDButton extends Component { return (
- + + + {sendFeesError && + + {sendFeesError.data ? sendFeesError.data : 'Error sending fees'} + + } Add fees to the ORD @@ -66,8 +52,12 @@ class GenerateFeesInORDButton extends Component { } } +const mapStateToProps = (state) => ({ + sendFeesError: state.addFeesStatus.error, +}); + const mapDispatchToProps = (dispatch) => ({ addFeesToOrd: (dateRange, memberIds) => addFeesToOrd(dispatch, dateRange, memberIds), }); -export default connect(null, mapDispatchToProps)(GenerateFeesInORDButton); +export default connect(mapStateToProps, mapDispatchToProps)(GenerateFeesInORDButton);